D.A.Junior

4w.frWebagency

02

SommaireL’agence 4 à 5Qui sont ils ? Que font ils ?

Mon poste 6 à 7L’équipe. Ma Mission

Réalisations 7 à 14Habitat Immobilier. Cineboutique. IMJ.

Bilan 15 à 7Conclusions. Remerciements

03

L’Agence

04

-

-

Qui sont ils ?4w.fr est une agence de communication spécialisé dans le web mais qui o�cie également dans le print. C’est une agence qui est spécialisée dans la conception et la création de sites Internets. Elle a pour but de trouver des solutions de communication é�cace et innovante a�n de satisfaire la demande.L’agence est situé a Montataire, en Picardie, dans l’Oise à environ une heure de Paris.

Que font ils ?L’agence est chargée de prendre en charge toutes les étapes de la réalisation du site internet comprenant la conception du cahier des charges, la création de la charte graphique, l’ intégration des pages au format web, le développement spéci�ques, le référencement naturel , et l'hébergement à la maintenance du site Internet.L’agence a à sont actifs plus de 200 sites Internet. Elle poursuit son développement vers une communication encore plus visuelle, inteactive et surprenante.Du site dynamique complexe au site administrable à distance en passant par l'e-commerce, l’agence o�re une solution adéquate entre les besoins du clients et les technologies existante. 4w.fr met un point d’honneur à la construction d’une identité visuelle pertinante.

05

Mon Poste

06

Directeur Artistique(Julien)

Developpeur(Vincent)

Référenceur(Quentin)

Directeur Artistique Junior(Moi même)

Secretariat(Patricia)

Direction(Mme Leglaive)

-

-

L’équipeL’équipe de 4w.fr se compose de 4 personnes.La directrice est Mme Leglaive, c’est elles qui est en charge des clients. Elle s’occupe de toute la partit administratif a l’aide de Patricia.Mme Leglaive est en charge de transmettre les briefs clients au directeur artistique : Julien.Il est en charge de tous l’aspects graphique mais c’est aussi lui qui conseil les clients sur les options envisagables pour les clients.Ensuite Vincent le developpeur s’occupe de mettre en ligne les sites internets.Une fois le travail �nit, Quentin s’occupe de référencer le site internet, pour qu’il est une meilleur visibilité sur les moteurs de recherche.

Ma missionDurant ce stage j’ai e�ectué plusieurs taches qui m’ont été con�é. J’ai réalisé plusieurs travaux qui m’ont permis d’approfondir mes connaissances. J’ai ainsi était ammener à travailler au cours de ma formation avec plusieurs clients, j’ai ainsi fait l’interface d’un site web, plusieurs illustrations, une carte réalisé sous �ash mais la plus grosse tache qui m’a été con�é reste le book de l’agence.C’est un travail qui ma demander beaucoup de boulot et qui a durer 3 semaines.

07

08

Réalisations

-

Habitat ImmobilierÀ partir d’une charte graphique pré-établit, il m’a été demander de réalisé un �yer commercial pour cette agence immobilière.

Le texte était imposée par le clients, il fallait donc trouver un moyen de faire un �yer graphique avec beaucoup de texte en reprenant la charte graphique du client.

Plusieurs proposition on était soumise, et c’est celle-ci qui a été retenue.

09

**EN PARTENARIAT AVEC LE GROUPE CILOVA

ACHATS - VENTES - LOCATION - GESTION**

www.habitat-immobilier.frLe Professionnel du secteur

Ne pas jeter sur la voie publique

NANTEUIL LE HAUDOUINTél. : 03 44 88 84 44

Vos conseillers : W.DUARTE & P.FERRANDIER

LE PLESSIS-BELLEVILLETél. : 03 44 60 55 44Vos conseillers :J. THIOUX & J.DUBOIS

Estimation gratuite - Diagnostics o�erts*

*selon conditions du contrat

URGENTRecherche pour sa clientèle :

Maisons - Appartements - Terrains

CyanMagentaJauneNoir

100 %0 %0 %0 %

CyanMagentaJauneNoir

0 %0 %0 %

100 %

Contrainte de la charte graphique

-

10

CineboutiqueCineboutique est un E-commerce qui a pour mission de proposer aux techniciens de l’audiovisuel, l’ensemble des accessoires néces-saires à leur domaine.Cineboutique a suivi le développement de TSF et propose aujourd’hui plus de 1000 références à la vente ainsi qu'un département de location pour la régie.

Le projet avait pour besoin de faire la refonte de leur site internet, pour qu’il s’adapte mieux aux client, pour avoir une meilleur ergonomie tout en gardant leur charte graphique.Le site devait être facile d’utilisation, avoir un accès directement au panier et garder les 3 onglets : «meilleurs ventes», «promotions» et un accès à la «newsletter».

Cineboutique V3

CyanMagentaJauneNoir

5 %100 %100 %

0 %

CyanMagentaJauneNoir

0 %0 %0 %

100 %

Contrainte de la charte graphique

11

J’ai du réaliser 3 versions au �nal. La première version était jugée pas assez lisible, les éléments n’etaient pas assez mis en valeur, et l’onglet panier n’était pas visible.Leur demande était d’avoir quelque chose de plus épuré.J’ai donc modi�er les onglets en les mettants sur fond blanc a�n d’accentuer la visibilité, changez les icones du panier en mettant des boutons.

La 3eme version est plus travailler, le site ne forme plus un seul et meme bloc. Cela permet de di�érencier les onglets plus rapidement. Le panier a était placer directement sur la bannière pour l’avoir en accesibilité immédiat.

Cineboutique V2

Cineboutique V1

Cineboutique: site d’origine

-

12

IMJ

Imj ou Imagerie médicale des jockey est un service dédié a l’imagerie médicale. Il est située dans la clinique des jockeys.Imj permet l’acces a des examens d’Imagerie de qualité, réalisés par une équipe expérimentée, grâce à la mise en place d’un matériel de haute technicité.

Imj avait besoin d’un site web conçu a�n d’informer la clientèle sur les moyens dont ils disposent, sur le déroulement des examens.C’est un site web a but informatif consacrée à la clientèle.

À partir de la charte graphique réalisé par le directeur artistique, il m’a était demander dans un premier temps de remplir les pages vides. J’ai du donc créer 5 page du site web :Honnoraires, Echographie, Résonnance, Scanner et Accès et Horraires.

Puis j’ai du réalisé 2 cartes sous �ash pour indiquer les point d’acces et comment se rendre sur les lieux.

Imj : Accès

J’ai du réaliser 3 versions au �nal. La première version était jugée pas assez lisible, les éléments n’etaient pas assez mis en valeur, et l’onglet panier n’était pas visible.Leur demande était d’avoir quelque chose de plus épuré.J’ai donc modi�er les onglets en les mettants sur fond blanc a�n d’accentuer la visibilité, changez les icones du panier en mettant des boutons.

La 3eme version est plus travailler, le site ne forme plus un seul et meme bloc. Cela permet de di�érencier les onglets plus rapidement. Le panier a était placer directement sur la bannière pour l’avoir en accesibilité immédiat.

CyanMagentaJauneNoir

40 %30 %

0 %0 %

CyanMagentaJauneNoir

6 %5 %1 %0 %

Contrainte de la charte graphique

13

La première carte est la carte d’accès routier / ferrovier. Dans un premier temps j’ai refait la carte sous illustrator a partir de la charte graphique ainsi que la légende. J’ai ensuite réalisée sous �ash deux chemin. Un partant de la gare jusqu’a la clinique symbolisé par des traces de pas et un autre allant de le D1016 a la clinique symbolisé par un chemin pour permettre de les diférencier. J’ai ainsi pu comprendre quelques aspect de l’action script.

La deuxième carte était moin compliqué a faire, je suis repartit d’un plan scanner, j’ai délimité les zones et faire ressortir celle de l’imagerie.J’ai ensuite tracé toujours sous �ash les deux point d’accès de l’hopital jusqu’au service.

Acces routier / ferrovier

D1016

P

P P

14

Bilan

Direction

-

ConclusionCe stage était une très bonne expérience professionnel.J’ai ainsi pu découvrir le monde du travail. 4w.fr m’a permis de découvrir tous les aspects de la création, de l’idée a la réalisation. J’ai alors pu exploiter mes pistes créatives en milieu professionnel.

Grâce à cette expérience j’ai pu approfondir mes techniques mais aussi en apprendre de nouvelle. Les projets que j’ai mener à bien m’ont rendu plus con�ent sur mon avenir professionnel.

Grâce aux relations entretenu dans l’enceinte de l’entreprise, j’ai pris conscience que la communication et le travail d’équipe était la clef d’une bonne entreprise.Cela m’a permis d’apprendre beaucoup les relations profession-nel et sur moi même.

RemerciementMerci à Mme Barry de m’avoir fait con�ance et de m’avoir permis de faire ce stage dans son entreprise.Merci a Julien le directeur artistique pour m’avoir guidé, épaulé et pour m’avoir tant appris.Merci à Quentin et à Vincent pour m’avoir fait béni�é de leur connaissance et pour avoir partager sur leur spécialisation.

Merci à toute l’equipe de 4w.fr pour leur accueil.

15

La première carte est la carte d’accès routier / ferrovier. Dans un premier temps j’ai refait la carte sous illustrator a partir de la charte graphique ainsi que la légende. J’ai ensuite réalisée sous �ash deux chemin. Un partant de la gare jusqu’a la clinique symbolisé par des traces de pas et un autre allant de le D1016 a la clinique symbolisé par un chemin pour permettre de les diférencier. J’ai ainsi pu comprendre quelques aspect de l’action script.