Synthèse de stage Le Coq Marion // BTS Communication Visuelle option Multimédia
Sommaire
2
Studio Deffontaines L’Agence
4
Mes Missions: - Couvre Toit - Igwann - Summer Mag - Autres missions
8 10 12 15
Bilan
17
Microzones Informatique L’Agence
18
Mes Missions: - Microzones - ACM - Joomla
22 24 26
Bilan
29
3
L’agence Studio Graphique Deffontaines Edition - Packaging - Signalétique - Web
4
Anne
La patronne
Sébastien Web Designer
Vincent
Le Studio Graphique Deffontaines se situe dans la ville de Lannion, dans les Côtes d’Armor. Il a été créé par Anne Deffontaines, la directrice en novembre 2000 et l’équipe créative est actuellement composée de 6 salariés : 3 graphistes illustrateurs : Vincent, Virginie, Rose-Marie, 1 autre graphiste qui s’occupe des locaux de l’entreprise situés à Perros Guirec : Audrey, 1 web designer : Sébastien, 1 personne chargée de l’administratif : Cédric. Le Studio propose divers services de communication allant de l’édition à la signalétique en passant par le packaging, la création d’identité visuelle et de site web sur CMS (Joomla !). Cette entreprise à l’habitude d’accueillir des stagiaires. En effet, entre 2 et 5 stagiaires peuvent se joindre à l’équipe créative. Il m’a été donné de travailler en équipe avec 2 d’entre eux, mais aussi d’avoir des projets à mener seule.
Graphiste
Virginie
Rose-Marie Audrey
Graphiste-Illustratrice Graphiste-Illustratrice
Graphiste
Igwann Le Studio réalise également son propre magazine Igwann, distribué dans la région de Lannion Trégor. Igwann est un magazine trimestriel (depuis peu car semestriel à ses débuts) d’actualités, informations et bons plans locaux.
5
6
Mes Missions
7
Mes Missions
Couvre Toit
Couvre Toit est une entreprise de couverture zinguerie locale qui a fait appel à l’agence pour refaire son identité visuelle: un nouveau logo et ainsi ses carte de visite et les têtes de lettre. Travail pris en cours : Le stagiaire déjà en place avait commencé la semaine précédente à travailler sur ce projet, et je m’y suis greffée. En effet, il s’agissait d’un étudiant en communication et il m’a demandé de l’assister pour le côté graphisme. J’ai donc sélectionné ce qu’il avait fait de mieux et on a travaillé dessus pour le peaufiner. Il était partit sur une base de gris et vert, association esthétique mais peu propice à cette utilisation : couleurs trop écolo pour un couvreur dont ce n’est pas la marque de fabrique. Changement pour du orange et gris : ardoise/tuile. Puis proposition de différentes déclinaisons e carte d
et à lettre Papier to verso ec visite r
Recherche de typographie : linéale, block -> Tall Dark and Handsome Condensed Recherche d’un équilibre des couleurs entre typo et picto’ du toit
Tall Dark and Handsome
8
LOGO
L FINA
Proposition d’un second logo sur les mêmes bases typographiques et chromatiques. En reprenant l’idée de charpente avec des ardoises. Le client a choisi le premier logo parce qu’il a trouvé que la représentation plus figurative du toit lui correspondait davantage.
Les cartes de visite et les têtes de lettres, de chaque version, devaient être simples et épurées. Nous avons donc opté pour le logo prédominant sur une face et verso informations pratiques (CDV) et un header de page logo/info simples (TDL).
9
Mes Missions
Igwann
Igwann est le magazine du Studio. En perpétuelle rédaction du prochain numéro j’ai eu l’occasion de m’occuper de différents travaux qui ont été ensuite édités dans les magazines d’été et de rentrée.
Mon principal travail était de me baser sur une illustration du précédent numéro pour reprendre le style graphique et recréer les illustrations du magazine en court, qui était sur le thème de l’été et des produits estivaux. Donc : de jeunes filles enthousiastes, mangeant des fruits, en voiture, ou un jeune homme cuisinier ou un pécheur. A partir de ça, de nouvelles illustrations dans le même style pour le magazine spécial déco et beauté de l’automne. La plupart en blanc sur fond noir.
Jeux pour le magazine La seconde partie de mon travail pour le magazine était de créer des jeux pour la partie loisirs. Réinventer les classiques et créer de nouveaux. Une partie des jeux est une réinterprétation de certaines énigme du jeux «Professeur Layton et l’Etrange Village». Et ensuite, j’ai re-créé l’univers du magazine avec un thème très estival. Des énigmes casses-tête, jeux de lettres...
Séparer tous les igwann sachant qu’il n’y a que 3 cordes et qu’une corde ne peux relier que 2 poteaux.
10
Picrogrammes A partir des pictogrammes déjà éxistant pour le magazine: Découverte et Bons Plans, il m’a été demandé de réaliser les deux nouveaux: Nos coups d’coeur et Le côté des enfants. Le premier était simple à réaliser. Deux coeurs, du rose et le pictogramme est efficace. Le second devait se référer à l’univers de enfants. De plus, j’ai voulu ajouté un personnage pour se raccorder à l’un des pictogrammes déjà présent dans le magazine. La couronne que j’ai décidé d’inclure avec le personnage a trois sens pertinents avec l’univers enfantin. Tout d’abord, par sa taille il établit une mise à l’échelle du personnage: la couronne est bien trop grande pour lui. Ensuite, l’idée de jeu: l’enfant qui se déguise en prince ou en princesse. Et enfin l’idée de l’enfant roi pour les parents, qui se procurent ce magazine. Jeux des 12 différences
Il ne vous reste qu’u ne allume Vous vou lez allum er la lamp tte. clair, dem eà arrer le fe u dans la huile pour y voir plu chauffe e ch s au pour p rendre un eminée et allume r le bain. Quel obje t devez v ous allum er en pre mier? R: L’allum ett pouvez to e, car si vous n e l’allum ujours co ez pas v urir pour ous allumer le reste.
Autre Travail Igwann
Détourage pour tous les objets à présenter dans les pages : FOND BLANC ! Donc niquel niquel niquel est de rigueur : à la plume, mieux vaut tronquer un peut à l’intérieur que de laisser un mini bout à l’extérieur, et avec un peu de contour progressif. Et recréer s’il le faut un élément inexistant ou masqué par une main (sac à main porté par le haut pour la photo) par manipulation photoshop.
11
Mes Missions
Summer Mag
Summer Mag est le magazine de la maison des jeunes de Lannion, visant à présenter celle-ci et faire découvrir son programme d’activités pour l’été, ainsi que des actus et infos.
Recette illustrée de Sushi Maki et Mise en page Réalisation de toutes les étapes d’une recette de sushi sous illustrator. Le défi était de créer de petites images compréhensibles sans jamais n’avoir cuisiner japonais et juste d’après le texte d’explication fourni par un des animateur de la Maison des Jeunes. La seconde partie du travail fut de faire la mise en page de cette recette pour l’intégrer au magazine. Pour quelqu’un qui n’avait jamais touché à InDesign, j’ai du apprendre les règles de mise en page. Et créer un univers graphique autour de la recette.
12
Illustration pour la prévention des risques en cyclo De la même manière j’ai recré et mis en page le pas-à-pas d’un origami, beaucoup plus compliqué puisqu’il y avait beaucoup d’images et de texte. Donc j’ai fait au plus simple et au plus efficace.
Demande d’une illustration d’un personnage en cyclimoteur pour prévenir des risques à ne pas prendre lorsque l’on est sur la route. Il devait avoir un style manga, un casque non attaché, bras,main et jambe nues ainsi que des tongs. Travail de rough préliminaire sur Photoshop pour le personnage et le véhicule avant de passer à le vectorisation sur Illustrator.
13
Mes Missions
Mascottes Summer Mag
D’après la mascotte déjà créée par l’agence pour le premier numéro, il m’a été demandé de le décliner le plus possible dans différentes activités estivales, telles que les sports nautiques, la farniente, les loisirs. Ainsi sont nés une multitude de petits personnages verts et amusant, pour accompagner tous les futurs articles des prochains numéros de Summer Mag.
Mascotte de base
14
Mes autres missions chez Deffontaines Guide Pratique des activités
Remaniement d’une illustration pour le n° suivant Pour ce guide pratique des activités de Lannion, j’ai du simplement reprendre les illustrations du premier numéro et les remanier. L’ambiance était automnale au premier, aujourd’hui plus printanière. Les personnages on évolués (la maman avant enceinte a enfin son bébé) mais toujours les mêmes envies : créer découvrir, apprendre, bouger, crèche.
Eco Compteur
Eco Compteur est un système de comptage de distance pour divers moyen de transports, pour le sport : vélo, marche, cheval. L’agence leur avait créé tous leurs packagings, avec une identité visuelle très propre à leur marque et des pictogrammes très reconnaissables. Mais ils ont créé un nouvel EcoCompteur pour les canoë-kayak. Dans l’urgence, l’un des graphistes m’a lancé : Marion, je t’ai mis un picto sur le réseau, tu dois me faire un picto canoë dans la même veine, tu as 5 minutes. Challenge relevé !
Joostra
Joostra est une marque de jouets et jeux manuels pour enfants. Cela fait longtemps qu’ils font confiance au Studio Deffontaines pour leurs packagings de boites de jeux. Donc cette fois, studio photo/retouche/détourage pour une nouvelle boite de moulage de bougies « animaux ». Le studio possède un mini studio pour pack shot avec les projecteurs propices: photos de magazine nécessitant un environnement parfaitement blanc. Ils nous ont confié les prototypes du produit puis c’était partit. J’aurais du participer à la création du visuel pour la boite mais finalement je suis partie avant.
15
16
Bilan L’expérience au Studio Graphique fut une expérience très enrichissante sur le plan professionnel. Une parfaite mise en situation dans le milieu du travail en agence: délais, souhaits du clients, travail d’équipe et l’importance de se créer un carnet d’adresses. Mon travail a été un travail d’éxécution de tache mais pour certaines parties, il m’a été confié la tache créative en entier. Mais sur la conception en elle-même, le côté technique, rien de nouveau. Le seul bémol de ce stage. Et les lacunes que j’avais sur un logiciel m’ont handicapé et j’ai du m’en sortir seule.
17
L’agence Microzones Informatique Maintenance Informatique Professionnel et Particulier
18
Microzones est une entreprise de maintenance informatique et réseau, avec un pôle site internet, vieille de 5 ans. Située exclusivement place du Champ de Foire à Montaigu lors de mon stage, la structure s’est agrandit et les locaux de Montaigu seront réservés à la vente et Clisson accueille à présent les locaux administratifs et informatique. L’équipe est constituée de Sébastien Cailler, le créateur de l’entreprise qui s’occupe de la maintenance dans les entreprises ainsi que de la création web, et d’un vendeur/ réparateur, Ellie. Mr Cailler s’est passionné de web il y a quelques années et depuis propose à ses clients professionnels de leur confectionner un site à leur image pour les promouvoir. Il embauche quelques fois des graphistes en CDD pour
s’occuper de l’esthétisme des sites. Mais lui s’occupe de la réalisation technique des sites grâce à un CMS très connu : Joomla !. Lors de ce stage, Sébastien m’a initié aux bases du CMS : l’utilisation d’un serveur comme via Filezilla, l’installation de joomla et de templates. Et la modularité du CMS. Ajout de modules (payants pour certains), ultra personnalisation.
Pour les réalisations de bannières animées, un CD est disponible à la fin du document.
19
20
Mes Missions
21
Mes Missions
Microzones
Microzones s’agrandit et ouvre un nouveau magazin à Clisson. A cette occasion, Sébastien m’a proposé de lui refaire son logo ainsi que l’habillage de certains éléments de la boutique.
Nouveau logo plus moderne et plus épuré. Mais toujours du bleu pour ne pas trop s’éloigner de l’univers informatique sérieux que Sébastien voulait conserver.
Besoin urgent de changer le logo et d’alléger le style graphique pour l’enseigne, les flyers et affiches. Trop chargé et trop démodé, l’entreprise, pourtant jeune, avait besoin de quelque chose de plus contemporain.
22
Réalistation de la nouvelle enseigne du magasin de Clisson
Propostions d’habillage du nouveau comptoir d’accueil de la boutique. Premier travail avec l’ancienne identité visuelle de la boutique , puis proposition finale avec le nouveau logo en trés imposant pour un effet plus épuré. Création à partir des quotes du fabricant de stand, réalisation d’un pdf pour l’imprimeur et mise en situation 3D pour le client.
23
Mes Missions
ACM
L’Alliance des Commerces de Montaigu dont fait partit Microzone, regroupe une grande partie des commerçants pour dynamiser la vie dans le centre ville.
Création d’une affiche pour promouvoir la vie dans le centre ville. Demande d’une affiche dynamique, jeune, basé sur une illustration. J’ai donc créé un personnage qui sera emblématique et représentatif des différents domaines commerçants que l’on peut trouver dans les rues commerçantes de Montaigu. Par exemple: Pret à porter, maroquinerie, optique, coiffure, parfumerie, téléphonie, alimentation etc...
24
Puis à partir de ce travail d’illustration, création d’une nouvelle bannière pour le site des commerçants de Montaigu. Cette bannière est ensuite intégrée à la nouvelle version du site, entièrement conçu sur Joomla! http://commercesmontaigu.fr/V2/
Favicon créé pour le nouveau site
25
Mes Missions
Joomla!
Joomla! est un outil de création de site internet. C’est un système de gestion de contenu (en anglais, CMS, pour Content Management system). En quelques mots, les CMS permettent de mettre à jour son site et son contenu de site au moyen d’un navigateur web (mozilla, internet explorer, opera, safari) et ne nécessitent donc pas d’installation d’un logiciel sur son ordinateur. Joomla! est un logiciel web libre de droit, entierement gratuit, et complètement personnalisable. Notamment par l’installation de templates, des fichiers de style à installer puis à personnaliser. Néanmois, les fichiers téléchargeables gratuits sont souvent basiques, trés utilisés et parfois douteux. Les professionnels, comme Sébastien, se tournent vers des sites payants pour des templates plus complets, plus esthétiques. Par exemple: Rocket Theme, dont j’ai pu me servir pour télécharger de très intéressants templates pour la création de site.
FileZilla FileZilla est un logiciel FTP gratuit. Il permet de se connecter à distance sur un serveur pour y télécharger des fichiers. Le gestionnaire de sites intégré permet de sauvegarder l’ensemble des adresses auxquelles vous êtes amenés à vous connecter régulièrement : identifiants, mots de passe, paramètres de connexion... C’est à partir de FileZilla qu’on installe un Joomla! pour un site.
Europrotex.fr
Site internet conçu en entier à partir du template Modulus de Rocket Theme. Arborescence, créations des articles, lien vers un pdf en ligne, situation Google, pages contact, etc...
26
Modules et autres plugin découverts lors du stages
Sites internet montés ou modifiés par mes soins, création de bannières animées pour chacun de ces sites.
Editeur JCE
L’éditeur est un module complémentaire au module standard pour gérer les mise en page comme un éditeur type Word ou OpenOffice Il permet d’insérer des images et médias de tous types (bien pratique pour insérer toutes les bannières flash).
Community Builder
Composant très complet créé pour gérer une communauté d’utilisateurs.
Virtue Mart
Extension Joomla! pour créer des e-commerces sur un site, de petite ou moyenne envergure.
Joom Gallery
Module permettant au client de créer des galleries d’images. Utiles our le site d’une équipe de football voulant faire des fiches identités pour chaque joueur.
Joomla Stats
Module permettant au client de consulter les statistiques de visites sur son site.
Joom Sport Module permettant à un site sportif de créer des fiches de match, tournois, statistiques sportives etc...
27
28
Bilan A contrario de l’expèrience au Studio Deffontaines, cette période de stage m’a appris énormément de choses techniquement. Pour une débutante dans le web, n’ayant jamais expérimenté le CMS, j’ai pu découvrir toutes les ficelles de Joomla!, les bases et les petits secrets. L’autonomie qui m’a été imposée fut un grand défi quand on ne connait pas du tout le logiciel. Et l’esprit de débrouillardise fut trés stimulant et devant un tel rythme de travail, on ne peut qu’être avide de nouvelles instructions techniques. La dernière chose que j’ai appris fut: du moment que le client trouve ça beau, c’est beau. En effet, les clients avaient souvent leur idée précise côté graphique. Et même si ce n’était pas de bonnes idées de mon point de vue, ils étaient ravis, et c’est bien ce qui compte.
29
Animations visionnables sur CD
Synthèse de stage Le Coq Marion // BTS Communication Visuelle option Multimédia