SYNTHÈSE DE STAGE Mylène Favre
•
2011
Studio
2012 •
BTS COMMUNICATION VISUELLE OPTION MULTIMÉDIA
SOMMAIRE 06 Introduction 07 Inna Studio 08 Clients 09 Missions 10 Club hippique de la Gacilly 14 Ville de Plumelec 16 Hôtels de la Baie des Trépassées 18 Cabinet De Charry 19 Camping Les Menhirs 20 Bilan 22 Remerciements
6
Introduction
SYNTHÈSE DE STAGE
INTRODUCTION J’ai effectué un stage de quatre semaines à l’agence Inna studio . J’étais partie dans l’idée de découvrir le monde du web, de la réalisation d’une maquette au fonctionnement du code. Objectif que j’ai pu remplir à l’aide de mon tuteur Mr Florian Lemeau qui m’a enseigné les ficelles du métier. Je vous laisse découvrir l’environnement dans lequel j’ai évolué durant ce mois de mai ainsi q’un aperçu de mon travail que je vais tenter au mieux de vous décrire. Bonne lecture.
SYNTHÈSE DE STAGE
L’ A G E N C E I N N A P R É S E N TAT I O N
I
nna est une agence de communication globale spécialisée dans le web depuis maintenant six ans.
L’agence se compose de deux patrons M. Xavier Adam, le développeur et M. Florien Lemeau, le graphiste ainsi que d’un commercial, M. Laurent Maréchal. Elle propose de nombreux services tels que la création de boutique en ligne, site dynamique, gestionnaire de contenu (CMS), site vitrine, logos et supports de communication. Basée sur le bassin de Vannes elle se positionne principalement sur la région Bretagne, où la concurrence est parfois rude. Le bouche à oreille et la préconisation par les clients représentent le meilleur moyen pour eux de se placer sur le marché. elles travaillent pour de petites structures telles que : camping, hôtel, club...
Inna Studio
7
8
Les clients
SYNTHÈSE DE STAGE
LES CLIENTS D E L’ A G E N C E
L
es clients de l’agence sont pour la plupart des PME. Les prestations web sont très souvent accompagnées de supports papiers. Beaucoup de communication de proximité. Quelques noms : - L’hôtel Le Churchill (Carnac) - La brûlerie d’Alré (Plougoumelen) - Club Hippique de la Gacilly - Cabinet de Charry (Vannes) - L’Écho Nova (Vannes) - Hôtel de la plage (Damgan) - Ville de Sené etc...
SYNTHÈSE DE STAGE
MES MISSIONS
Missions
9
10
“
Missions
SYNTHÈSE DE STAGE
LE CLUB HIPPIQUE DE L A G A C I L LY Réalisation d’une maquette de site pour un centre équestre.
”
Stratégie
La première étape de ce travail consistait à procéder à une Audit Concurentiel. Ensuite j’ai étudié la cible et l’impact recherché par le site. J’en ai retiré les informations suivantes:
La cible : Les particuliers, (pratiquants de la
région et touristes), les collectivités (écoles et centre de formation).
L’objectif du site : Communiquer avec les internautes et particulièrement les touristes attirés par la région de la Gacilly.
La démarche commerciale : Elle est basée
sur le bouche à oreille, elle s’appuiera sur le futur site internet, la presse locale et les acteurs de l’information touristique locale (office de tourisme et la Fédération Française d’Équitation). Une action de communication est prévue par la création et la distribution de Flyers.
Conception Du logo : Le logo a été travaillé assez rapidement car il n’était pas compris dans la commande, il devait me servir d’appui pour la maquette du site.
Recherches
Pour ce projet, j’ai travaillé mes recherches directement sur Illustrator.
SYNTHĂˆSE DE STAGE
Propositions Club hippique
de la Gacilly
Logo final
Missions
11
12
Missions
SYNTHÈSE DE STAGE
Conception Du site : Le site doit être organisé de manière hiérarchique, j’ai fait une sélection des informations importantes par exemple la mise en avant des actualités. L’idéal est de se mettre à la place de l’internaute (futur client), comment répondre à ses attentes? Qu’attend-il du site? Il est aussi important de faire un wireframe. C’est un prototype du site sous forme de schéma qui consiste à placer les zones du site web, j’y ai également indiqué les éléments fixes et les futurs interactions. Il est indispensable dans le web de penser au découpage du site dès la maquette.
Recherches de maquette
Les maquettes peuvent être réalisées sur Illustrator, Photoshop ou Fireworks. J’ai découvert le fonctionnement de Firework. C’est un logiciel qui est uniquement dévoué au maquettage de site web. Une fois la maquette validée par le client j’ai codé la page d’accueil et la page type en html, css et JavaScript sur Dreamweaver.
Ensuite j’ai recherché des motifs, des polices, des images et des icônes. L’objectif étant de trouver une harmonie colorée et une cohérence visuelle. Le choix des visuels est primordial car ils doivent représenter l’esprit du club.
1- Page d’acceuil, maquette finale
CONSEIL Du CHEF ! «Donner de la plus-value au site par le soucis du détail» «Mettre en avant les informations essentielles» «Toujours travailler sa maquette à 100 %»
2- Page d’acceuil, maquette
3- Page type, maquette
Auto-critique
La première maquette, image 2, ne me convenait pas du tout, les couleurs étaient trop vives, le logo manquait de prégnance. L’ensemble était peu harmonieux. C’est pourquoi je suis partie sur des tons verts, en rappel à la nature, un fond avec un motif pour donner un côté un peu précieux au site et à l’activité. L’image 1 est la solution finale que j’ai apportée pour la page d’accueil. Entre l’image 2 et l’image 4 on voit la progression du maquettage sur une page type. Ce qui m’a causé le plus de difficultés fut la hiérarchisation des informations. 4- Page type, maquette finale
Depuis le site et le logo ont été modifiés par mon tuteur de stage (http://centre-equestre-gacilly.com/index.php).
14
“
Missions
SYNTHÈSE DE STAGE
LA VILLE DE PLUMELEC
”
Réalisation d’un logo pour la ville de Plumelec.
Stratégie
Croquis
La cible : Les particuliers, (habitants de la ré-
o ch e rs uto ur d e s cl 1 - Cro q ui s a
J’ai débuté ce travail par une recherche des logos environnants ainsi qu’une sélection de logo de ville qui fonctionne bien. J’ai également fait ma petite analyse de la stratégie à adopter. Bien qu’ici contrairement à la mission précédente il n’y a pas de but lucratif. gion et des environs, les touristes), les administrations...
L’objectif : Communiquer une image dynamique et positive de la ville. La démarche commerciale : Les logos de communes se choisissent souvent par vote, c’est pourquoi dès qu’il y a du «flashy» ça marche. Cependant il faut éviter ça. Le logo doit vraiment être en accord avec l’identité de la ville. Il faut réfléchir à l’impact qu’il va produire. Le brief : Principal élément fort de la ville, ses trois clochers, mon tuteur m’a donc demandé de partir sur cet axe de recherche. Tenter également de coller à la charte du site de la ville.
La réalisation de quelques croquis sur papier mon aider à poser quelques idées.
SYNTHÈSE DE STAGE
Propositions
J’ai utilisé le logiciel Illustrator pour la conception de mes logos.
Ville de
Plumelec
Ville de
PLUMELEC
Logo retenu
Finalement, le client trouvait l’idée de faire figurer les trois clochers trop vieillottes et préférait mettre en avant le dynamisme et les activités du village. Le logo retenu a été réalisé par mon tuteur de stage, monsieur Florian Lemeau.
Ville de
P lumelec
Missions
15
16
“
Missions
SYNTHÈSE DE STAGE
LES HÔTELS D E L A B A I E D E S T R É PA S S É S Création d’une nouvelle charte de site à partir de l’ancien modèle.
”
Stratégie
Observer le site existant, relever ce qui ne va pas. Hiérarchiser différemment les informations.
La cible : Les touristes, groupes de séminaires. L’objectif : Offrir une meilleure communication et lisibilité du site.
Le brief : Design classe, de grands fonds, un site soigné avec menu déroulant. Ma démarche : Mettre en valeur le lieu, les visuels. La plus grande difficulté était de placer deux hôtels sur un seul site.
Propositions
J’ai proposé à mon tuteur les solutions suivantes. J’ai réalisé mes maquette sur Photoshop. La n°2 était selon moi la plus convaincante, cependant le client ne voulait plus changer la charte du site mais seulement modifier quelques détails, (boutons, encart actualité...) mon travail n’a donc pas été validé. Le site : http://www.hotelfinistere.com/
Auto-critique
J’étais assez satisfaite de ma proposition finale, qui reprenait bien les codes de l’ancienne charte tout en apportant une touche plus graphique et actuelle. J’ai eu quelques difficultés à organiser les informations. J’étais partie dans l’idée de distinguer les deux hôtels dès la page d’accueil, mais finalement, il était plus important de mettre en avant l’onglet Actualité, Offres / évènements et la Réservation.
SYNTHÈSE DE STAGE
1- Proposition de maquette
2- Proposition finale de maquette
Rendu final
1- Capture écran du site existant
1- Capture écran du site après les modifications
Missions
17
18
“
Missions
SYNTHÈSE DE STAGE
CABINET DE CHARRY Réalisation d’une annonce presse. Parue dans le magazine Elle décoration Bretagne, juillet.
”
Conception
Une cliente avait besoin d’aide pour arranger son annonce-presse, elle est arrivée avec une sortie A4 de ce qu’elle souhaitait et une clé usb contenant les photos à intégrer. Mon tuteur m’a laissé prendre en charge la cliente. C’était un travail d’exécution, qui ne demandait pas de compétence graphique particulière. Cela m’a permis d’aborder la relation avec les clients.
Auto-critique
J’ai eu quelques difficultés à affirmer mes idées, la cliente était présente tout au long du travail, elle était très indécise et voulait faire sa mise en page sur photoshop car c’est le seul logiciel qu’elle avait chez elle. J’aurais dû dès le début lui faire prendre conscience qu’il fallait le faire sur In-design, mais par manque d’assurance, j’ai suivi ces directives. Au final la mise en page n’était pas vraiment au point. Il a fallu retravailler le document sur Indesign.
SYNTHÈSE DE STAGE
“
CAMPING LES MENHIRS Mise en page d’un questionnaire de satisfaction
Conception
À partir d’une sortie A4, contenant les informations à inscrire dans le tableau, je devais faire la mise en page d’un questionnaire de satisfaction Recto/ Verso (français/anglais) format A5. La principale difficulté est de placer le maximum d’informations sur un petit format de manière lisible et visuellement agréable, casser la lourdeur du tableau.
Auto-critique
J’ai allégé la mise en page par un système de bande nuancée. C’était un petit travail d’appoint, un peu rébarbatif mais qui fait partie du métier.
”
Missions
19
20
Bilan
SYNTHÈSE DE STAGE
B I L A N D E S TA G E
C
’est l’heure du bilan, 4 semaines ça passe très vite, voici les points importants:
Sur le plan professionnel ce stage m’a permis d’aborder une réelle démarche de création web. J’ai particulièrement apprécié d’avoir en charge un projet de site du début à la fin. En revanche, les travaux d’édition qui m’ont été confiés restaient assez classiques. Mon tuteur m’a accordé du temps et donné des conseils sur la partie développement htlm/css, tout en me laissant beaucoup d’autonomie en création. Je pense avoir apporté une vision neuve moins formatée, car je ne prenais pas en compte, volontairement, toutes les contraintes web durant le maquettage. Le web design est un domaine qui offre énormément de possibilités de création graphique. Il faut être aux aguets des nouvelles tendances et technologies. Ce stage me conforte dans ma voix, le métier de graphiste est passionnant et très varié, je garde une préférence pour le web design.
SYNTHÈSE DE STAGE
Bilan
21
22
Remerciement
“
SYNTHÈSE DE STAGE
Je tiens à remercier l’équipe d’Inna Studio de m’avoir accueillie et plus particulièrement mon tuteur de stage M. Florien Lemeau d’avoir eu la gentillesse de me faire découvrir son métier, ainsi que pour les conseils qu’il m’a apportés.
”