Internship Report by Alice Lariviere

ALICE E R È I V I R LA

T R O RAPP

DE E G A ST MISSIONS R E N G I S E D DE WEB CHEZ

REMERCIEMENTS Je souhaite avant tout remercier toute l’équipe de Clicn’go, pour m’avoir accompagnée, soutenue et formée tout au long de ce stage. J’ai apprécié de travailler au sein de cette petite équipe très soudée, toujours de bonne humeur. Je souhaite tout particulièrement remercier Charlotte, la directrice artistique de l’agence, qui m’a beaucoup appris lors de mon passage à ses cotés, ainsi que Benjamine et Pauline, les deux chefs de projet qui ont su me superviser avec patience.

AI RE

introduction Les objectifs de mon stage.........................4 Pourquoi clicn’go ?.....................................6 Activité et composition de l’agence.............9 L’équipe....................................................10 La vie de l’agence.....................................12

Mon stage Mon rôle au sein de l’agence.....................14 Le déroulement d’un projet........................16 Mon processus de travail...........................18

présentation des projets Site Web....................................................22 Newsletter & E-mailing...............................39 Mobile........................................................47 Print...........................................................53

conclusion Mon stage en chiffres.................................58 Compétences acquises..............................60 En conclusion.............................................62 Et la suite....................................................64

INTRO DUC TION

LES OBJECTIFS DE MON STAGE // CE N’EST QUE CETTE ANNÉE QUE LE GRAPHISME A CROISÉ MA ROUTE. JE SOUHAITAIS DONC, POUR MON TOUT PREMIER STAGE DANS LE WEBDESIGN, ME FORMER UN MAXIMUM POUR ASSURER MON FUTUR DANS CETTE VOIE. Il s'agissait donc d’acquérir les bases de webdesign, et d'appréhender le métier de Directeur Artistique. Mes objectifs étaient clairs : je souhaitais progresser au maximum, en apprendre le plus possible, autant techniquement que graphiquement, pour obtenir un réel bagage créatif. Je voulais donc me confronter aux exigences de ce monde professionnel que je connaissais encore assez peu, pour venir compléter ce que l’on a pu m’apprendre à l’école. Ayant réellement découvert le graphisme cette année, et ayant adoré ça, ce stage venait donc pour valider un choix professionnel.

POURQUOI CLICN’GO // C’est donc ce qui m’a amené à postuler pour un poste de webdesigner dans différentes agences. J’ai généralement visé de petites agences de communication digitale, sachant que l’apprentissage est optimisé au sein d’une petite équipe. Clic’nGo s’est donc présentée comme une bonne opportunité, et semblait correspondre parfaitement à ce que je cherchais : Une entreprise à taille humaine, Une équipe soudée, Des clients intéressants, Et une expertise pouvant beaucoup m’apporter. Créée en 2000, Clic’nGo est une petite agence de communication digitale, spécialisée dans le web et la vidéo, dont l’offre propose : La création de sites web, La conception et le routage de campagnes d’emailing et de newsletters, La réalisation de vidéos pédagogiques et de contenus interactifs… Ce stage s’est déroulé du 20 mai au 30 août 2013. J’ai occupé le poste d’assistante webdesigner, sous la tutelle de Charlotte, la directrice artistique de l’agence.

J’AI OCCUPÉ LE POSTE DE WEBDESIGNER, ASSISTANT AINSI CHARLOTTE, LA DIRECTRICE ARTISTIQUE DE L’AGENCE

Je ne me suis donc pas trompée, et Clicn’go s’est conﬁrmé comme un bon choix. Assistant directement Charlotte, j’ai eu l’occasion de toucher à beaucoup des thèmes sur lesquels je souhaitais progresser, comme notamment des maquettes de sites web, emailings, application mobiles… L’équipe créative étant uniquement constituée de Charlotte et moi, j’ai donc pu réellement participer à une grande partie de sujets.

SITUATION // Clic’nGo est situé au 14 Rue Jean Jacques Rousseau, dans une petite cour très agréable, habitée par d’autres petites boites.Dans cette même cour, et adjacent aux bureaux, l'agence dispose de son propre studio de production.

12-14 Rue Jean-Jacques Rousseau 93100 Montreuil

01 43 63 31 45

info@clicngo.com

/clicngo

ACTIVITÉ ET COMPOSITION DE L’AGENCE // L’agence Clic’nGo voit le jour en 2000, créée par Philippe Baudoux. C’est une agence de communication digitale basée à Montreuil qui a pour ambition de concevoir et développer des solutions de communication efficaces pour faire prospérer les marques sur le web. Son équipe de 10 personnes est composée de profils issus d’horizons variés (marketing direct, agence de communication globale, école de commerce, de cinéma, d’ingénieur, d’infographie…), qui couvrent l’ensemble des métiers du conseil, de la création, du développement web, et s’appuie sur un large réseau de compétences externes (graphistes 3D, comédiens, réalisateurs …).

Elle propose des contenus pertinents, des orientations stratégiques inspirées, un juste choix des technologies utilisées… une expertise pour donner du sens à la stratégie des clients. Elle conçoit tout aussi bien des sites de marque, des sites e-commerce, des sites événementiels, que des bannières, vidéos, ou du motion design. En termes de développement, Clic’nGo a une réelle expertise technique, et maîtrise les techniques récentes : programmation (PHP, Action script, XML), gestion de contenu (Magento, Drupal, Wordpresso, CMSMS, Joomla), base de données (MySQL, SQL Server)…

L’ÉQUIPE // PAULINE ZERBID

BENJAMINE THEVENON

Chef de projet

CHARLOTTE EGGENSPIELER Directrice Artistique

pôle projet

MOI Webdesigner

pôle création

PHILIPPE BAUDOUX Gérant de l’entreprise

PIERRICK TURELIER Motion designer

DIMITRI LOMBARD Directeur de production

pôle vidéo

MARIE-FRANCE CHAN Responsable développement

LAURANE LAVERNIA Planneuse stratégique digitale

pôle technique planning strat

LA VIE À L’AGENCE

TRAVAILLER PENDANT CES 14 SEMAINES AU SEIN DE CETTE ÉQUIPE M’A NON SEULEMENT FAIT BEAUCOUP PROGRESSER EN TERME DE DESIGN, MAIS M’A AUSSI FAIT APPRÉCIER LA VIE EN ENTREPRISE. La vie d’équipe s’organise essentiellement autour d’une réunion hebdomadaire, pilotée par les chefs de projet le lundi matin, et s’articulant autour de 2 points : Le RAS Le planning de production de la semaine Le RAS, acronyme de “Réussite - Alerte Sujet”, consiste en un tour de table permettant à chacun d’énoncer : Une réussite, c’est-à-dire un sujet sur lequel nous avons travaillé la semaine précédente et qui peut être présenté comme un point positif. La validation rapide d’une proposition graphique peut faire l’objet d’une “réussite” par exemple. C’est le moment de prendre du recul sur son travail, et de l’appréhender sous un angle différent. Commencer par une réussite permet à chacun de ressortir la part positive de son travail à l’agence. Une alerte, à savoir un point sur lequel nous pouvons exprimer des inquiétudes.

C’est le cas par exemple d’un planning de production très serré, un projet non maîtrisé…Il s’agit dans ce cas de communiquer et d’échanger, aﬁn que l’ensemble de l’équipe puisse être sensibilisée à ces sujets et trouver des solutions. Un sujet, une tendance expliquée, une actualité du monde du web, qui nous permettra de poser une problématique constructive au développement de l’agence. L’annonce des nouvelles opportunités de Flipboard pour les marques, la présentation des nouvelles tendances graphiques… font partie de ces sujets. Partager sa veille permet à l’équipe de faire émerger de nouvelles idées, notamment sur les projets en production ou ceux à venir. Le RAS représente l’occasion de dynamiser les échanges et les interactions au sein de l’équipe, aussi bien sur les projets de l’agence, mais également en dehors de ces problématiques.

MON STA GE

MON RÔLE À L’AGENCE // Lors de ce stage j’endosse le rôle de webdesigner et suis donc chargée de missions de création et de refonte d’interfaces et d’éléments graphiques divers et variés. De manière générale je suis là pour soulager Charlotte, qui habituellement seule au pôle créa, a beaucoup de travail.

LE DÉROULEMENT D’UN PROJET // AU SEIN DE L’AGENCE L’organisation dans l’agence est assez simple : une fois un brief donné, il va directement dans les mains des chefs de projet, Pauline et Benjamine, qui vont donc alors énumérer et organiser dans le temps les différentes tâches à effectuer, pour en tirer un devis. Elles venaient donc souvent nous consulter pour pouvoir prévoir le temps imparti à chaque tâche. C’est alors que nous pouvons commencer à faire des propositions graphiques, que les chefs de projet étudieront avant de valider ou de d’envoyer des retours. Ces retours étaient souvent très faciles à obtenir, du fait de la taille de l’équipe, qui permet donc une relation ﬂuide entre chaque poste. Une fois qu’une proposition créative est validée par les deux chefs de projet, elle est donc envoyée au client, qui lui à son tour va envoyer ses retours, avant de ﬁnalement valider le projet. C’est alors que l’on envoie le projet en exécution (tirage, impression, intégration, mise en ligne..).

AU SEIN DU PÔLE CRÉA Lorsque je prenais en charge un projet, les ﬁlles me transmettaient souvent les mails des clients, pour que je puisse m'imprégner de la demande, et des retours éventuellement déjà effectués. Nous discutions ensuite avec Charlotte, qui m’expliquait alors le brief plus en détail, répondait à mes éventuelles questions, et nous exposions différentes idées. J’effectuais parfois des zonings, s’il s’agissait d’une homepage, ou d’une page avec un contenu un peu complexe, qui demandait une réﬂexion quant à l’emplacement, l’ordre des éléments etc. Et c’est une fois ce zoning validé que je commençais mes créas. Lorsque j’avais terminé, je montrais à Charlotte qui me donnait ses retours créas, pour ensuite montrer aux chefs de projet qui avaient des retours plus au niveau du wording, de la mise en valeur des différents éléments, etc.

MON PROCESSUS DE TRAVAIL // De manière générale donc, chaque projet que j’ai réalisé s’effectuait en 3 temps : La phase de recherche, où je m’immerge dans le projet, analyse les consignes et contraintes, et fait tout le travail de recherche d’inspiration sur internet. Une fois cette phase achevée, j’ai déjà une bonne idée de comment aborder mon travail. La phase de conception, ou je réalise ma maquette. Le résultat doit donc être propre et ﬁni car c’est celui-ci que je ferais valider avec le reste de l’équipe. La phase de validation qui consiste donc à montrer mon travail, et à prendre en compte les différents retours.

PRÉSEN TATION DES PRO JETS

J’ai participé durant ce stage à des sujets très variés, pour des clients très différents, allant de la refonte du site internet de Lierac à de l’afﬁchage print en interne pour Nexity. La suite de ce rapport présentera donc tous les travaux auxquels j’ai pu contribuer au cours de ce stage, classés par type de support.

SITES SITES WEB WEB

SITES WEB // Le principal support sur lequel j’ai eu l’occasion de travailler lors de ce stage a été le site web, car je suis arrivée à une période où de nombreux clients ont souhaité la refonte ou le lifting de leur site internet. Il s’agit pour la plupart de déclinaisons, mais j’ai eu la chance, pour quelques clients, de créer la charte seule.

LIERAC // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE La marque a commandé à l’agence peu avant que j’arrive un lifting de leur site internet, concernant la home page et les ﬁches produits.

C’est donc Charlotte qui a fait la maquette de la home page qui est validée rapidement. Cette home page est composée de différentes slides, présentant les différentes gammes proposées par la marque. Une fois la charte décidée, je suis donc chargée de faire les déclinaisons de ces slides. Ce travail a été intéressant pour moi, car il m’a fait travailler la composition de mes images, ainsi que les compositions de produits, dessins des ombres, etc. Il m’a été demandé aussi de réorganiser certains éléments de la ﬁche produit réalisée par Charlotte, notamment dans l’emplacement des produits associés.

À PROPOS // Créés en 1975, les Laboratoires LIERAC du groupe Ales ont imposé en quelques années leur expertise du vieillissement et des désordres cutanés. Elle est la première marque dermocosmétique française spécialisée dans la correction du vieillissement cutané et des désordres esthétiques du visage et du corps.

MAGNIFICENCE // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR Remarque : il s’agit d’une gamme encore non commercialisée, les maquettes sont donc conﬁdentielles.

CONTEXTE LIERAC lance Magniﬁcence, toute nouvelle gamme de crème anti-âge, basée sur une innovation scientiﬁque inédite. La marque prévoit donc un grand lancement pour cette marque prometteuse, demandant à l’agence de nombreuses interfaces, et notamment le site événementiel que je vais vous présenter ici. Cette gamme se base sur un véritable insight : la femme de 40 se sent bien comme elle est, ne veut pas rajeunir, mais veut rester comme elle est. La marque souhaite donc une campagne qui raconte une vraie histoire, et qui transmet cet esprit.

Nous proposons un site en une seule page avec des effets de parallaxe, organisé en différentes slides, chacune accessible par le scroll, ou par un menu sur la droite. C’est Charlotte qui, initialement, doit poser la charte du site Magnificence, mais elle me transmet le projet. Le zoning ayant déjà été préalablement validé, je m’attaque donc à ce site, slide par slide. Le client nous avait mis à disposition un dossier de presse à la charte de Magnificence, et la difficulté de ce travail était qu’il refusait toute idée que l’on pouvait avoir si elle ne sortait pas du dossier de presse. Il refusait donc un à un tous les éléments web du site (roll-over, pop-up…). Mais je finis à un résultat satisfaisant, et suis contente de ce projet, car j’ai pu de moi-même créer un vrai site de lancement de produit.

PHYTO SPECIFIC // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE La marque ayant lancé une refonte de son identité graphique fin 2012, l'agence a été mandatée pour celle de son site internet. Charlotte avait déjà réalisé la home page ainsi que la fiche produit avant mon arrivée chez Clic’nGo. Mon travail a ainsi consisté en la déclinaison de l'ensemble des gabarits de page ( constitués d’un home page, de fiches produit, de pages actualités, contact, FAQ, la marque...)

Il s’agit probablement là du travail le plus compliqué sur lequel j’ai été amenée de travailler. Notre interlocutrice ne connait que très peu les codes du web, et nous devions constamment être très pédagogues, autant en créa qu’en gestion de projet. Nous devions, par exemple faire des exports avec des cadres pour qu’elle comprenne ce qui s’afﬁche ou ne s’afﬁche pas en fonction des résolutions d’écrans. Elle supprimait donc à chaque retour toutes les particularité web (boutons etc), n’acceptait pratiquement que du marron et du blanc, nous forçant à rendre le site très simple et très bicolore. Elle voulait avoir un univers graphique très "print" : des titres à la verticale par exemple. C'est un projet sur lequel j'ai travaillé dès mon arrivée à l'agence, et jusqu'à la dernière semaine. L'ensemble des maquettes n'est pourtant toujours pas validé.

À PROPOS // Appartenant au groupe Alès, PhytoSpecific est une marque Ethno-cosmétique d’excellence. Précurseur dans sa recherche scientifique et dans sa technicité innovante, Phyto Specific est « La » référence des soins Santé & Beauté des cheveux frisés, crépus ou défrisés et des peaux mates ou foncées.

NEXITY // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Nexity a travaillé sur son offre de formation en proposant une formation blended (c'est-à-dire aussi bien présentiel qu'e-learning). «Mon Campus» constitue cette plateforme de formations pour que les salariés puissent : voir l'offre disponible en fonction de leur pôle / métier, s'inscrire aux formations, suivre leur avancement...

C’est sous la forme d’un appel d’offre que je suis amenée à travailler sur ce projet. Il s’agit en fait du 2ème, qui avait pour brief de proposer une interface pour la partie “Mon campus”. Je n’étais initialement pas sensée participer à cet appel d’offre, mais le client demandant deux pistes différentes pour le soir même, on m’a chargée de l’une d’elles. Le brief était assez complexe : de nombreuses informations, différentes pages qui s’adressent à des postes différents qui ont des spécificités particulières… Difficile donc pour moi de m’en imprégner, d’autant plus que le brief de ma piste est assez vague : faire ressentir l’esprit “campus américain” dans cette interface. Je suis donc au début très perdue, mais finis par trouver une piste créative. N’ayant eu que le brief le midi pour le soir même, nous avons travaillons très tard, et ne finissons que vers minuit. Ce projet m’a donc appris à travailler dans l’urgence, mais sans paniquer et tout en restant efficace. Appréciant notre réactivité et la qualité de nos maquettes, nous remportons l’appel d’offre. Le client nous demande toutefois de retravailler une nouvelle piste graphique. Charlotte se charge donc de la nouvelle piste, qui sera enfin validée, et que je suis chargée de décliner.

À PROPOS // Nexity est une entreprise qui réunit l’ensemble des métiers de l’immobilier : achat, vente, location, gestion, transaction, ﬁnancement, promotion immobilière et solutions d'accompagnement.

piste envoyĂŠe

piste validĂŠe

MYFOX PRO // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Pour MyFox Pro, on me cherhe de la création d'une landing page avec formulaire. J’ai pu grâce à ce projet travailler mes capacité de mise en page de formulaire, car celui-ci était très chargé, et je devais aussi respecter ce qui était possible ou non en intégration.

À PROPOS // L’entreprise My FOX commercialise des systèmes d'alarme sans ﬁl pour la maison, un commerce ou une entreprise. Elle propose de la vidéosurveillance sur mobile et de la télésurveillance à la carte.

AGENCE DERBY // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE L’agence Derby a récemment gagné le budget Roland-Garros, et souhaite pour l’occasion faire une refonte de son site internet. Mais n’ayant qu’un budget limité, il ne pouvait s’agir que d’une refonte légère, qui ne demanderait pas trop de travail en production. Je suis chargée de cette refonte. Il s’agit du premier projet que j’ai réalisé toute seule.

L’objectif principal de cette refonte était surtout de bien mettre en valeur l’hospitalité et le budget Rolland-Garros. Je réalise donc une home page, et un header déclinable sur les autres pages. Le contenu des pages intérieures cependant reste inchangé ; à l’exception de la page Roland-Garros, car ces derniers imposent une mise en page spéciﬁque, inspirée de la communication de la Fédération Française de Tennis. J’ai aimé travailler sur ce projet, car bien qu’un peu paniquée au début car j’étais seule dessus, j’ai eu la chance de décider de tous les éléments du site de manière complètement libre. De plus, le client est très peu contraingnant et a validé ma maquette très rapidement.

À PROPOS // Créée en 1985, DERBY est une agence indépendante qui ﬁgure parmi les leaders sur le marché du marketing sportif, de l'hospitalité et du conseil en communication par le sport.

OMEGA // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE A la suite de la refonte graphique de son produit phare, Omega décide de retravailler l'identité graphique de son site internet. Charlotte réalise la home page et je suis chargée de décliner les autres gabarits.

Ce projet n’était pas évident, car il s’agit de mettre en avant des produits s’adressant à des métiers précis de la ﬁnance, milieu que nous connaissions tous très peu. Le brief était donc un peu compliqué, d’autant plus que j’étais chargée de faire de la recherche de visuels illustrant chaque métier. Mais j’ai tout de même bien aimé travailler sur ce projet car nous avons utilisé du ﬂat design, qui est très agréable à utiliser.

À PROPOS // Omega Financial Solutions se concentre exclusivement sur la gestion d’actifs et les services Titres, en commençant par offrir des services et des solutions aux banques, investisseurs institutionnels et les directeurs de fonds. Omega Portfolio Management (Omega PM) donne une orientation stratégique aux portefeuilles de fonds réciproques, ainsi que ceux des compagnies d'assurance et les particuliers fortunés. Il représente un système ﬂexible de gestion de portefeuille qui répond à vos besoins d'affaires.

KUMHO TYRES // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Kumho souhaite faire la refonte de leur site français, et nous chargent de ces maquettes. Charlotte réalise la Home page, et je décline ensuite les différents gabaris.

À PROPOS // Kumho Tyres est un groupe coréen, spécialisé dans la production et la commercialisation de pneus.

NEWS LETTERS E-MAI LINGS

NEWSLETTERS & E-MAILINGS // Pour la première fois, je suis amenée à travailler sur beaucoup de campagnes d’e-mailing, et j’ai trouvé ce travail très formateur. Nous sommes souvent face à des briefs très longs et devons rendre un résultat bien hiérarchisé tout en restant graphique. Ces projets m’ont donc fait beaucoup travailler mes capacités de mise en page.

LIERAC // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Pour l’arrivée de l’été, Lierac voulait en proﬁter pour mettre en avant ses produits de saison (crèmes solaires, autobronzants…). Il était donc important dans ces newsletters de faire passer un réel esprit d’été, respirant le soleil et les vacances.

Le premier travail que j’ai eu à fournir pour Lierac a été ces différentes Newsletters. C’est un travail que j’ai trouvé assez enrichissant, me permettant tout d’abord de m’adapter à l’identité visuelle de la marque, puis de travailler la mise en page pour rendre le contenu beau graphiquement. La difﬁculté de ces travaux ont été que le client souhaitait mettre énormément de texte et de contenu dans ses newsletters, ce qui rendait parfois la tâche plus compliquée. C’était aussi un client très exigeant, revenant parfois une vingtaine de fois sur une seule newsletter pour changer de contenu, ajouter du texte, par exemple. J’ai malgré tout eu de bons retours sur le travail fourni.

MAGNIFICENCE // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Toujours pour accompagner le prochain lancement Magniﬁcence, je suis chargée de réaliser la campagne emailing. Celle-ci est composée d’un emailing de teasing, ne révélant ni le nom ni le packshot des produits de la gamme, pour créer l’attente de la consommatrice, et attiser sa curiosité.

Nous ne mettons dans cet emailing qu’un lien vers une application Facebook qui présentera les femmes Magnificence. En effet, pour mettre en avant l’esprit Magnificence, soit le bien-être des femmes, Lierac a réalisé un micro-trottoir qui lui a permis de recueillir les ressentis de femmes "Magnificence", c'est-à-dire représentant la cible principale de ce nouveau lancement. L’application Facebook doit donc présenter ces égéries, sous forme d’une mosaïque qui montre les photos des femmes ainsi que leur citation au rollover. S’ensuit ensuite l’emaing de reveal, qui dévoile donc enfin la marque et ses produits, renvoyant vers une landing page contenant un formulaire d’inscription à remplir pour recevoir des échantillons gratuits. La vidéo making of passe en arrière plan derrière le fomrulaire.

PHYTO // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE De la même manière que Lierac, Phyto proﬁte de l’été pour présenter ses produits de saison pour générer du traﬁc vers son site internet, et inciter les consommatrices à se rendre dans les points de vente. C’est personnellement une des newsletters que j’ai préféré faire de toutes du groupe Alès, car j’avais beaucoup plus de libertés que pour d’autres marques, et elle a d’ailleurs été très bien accueillie par les clientes.

À PROPOS // Pionniers depuis plus de quarante ans, sous l’impulsion de leur créateur Patrick Alès, la marque Phyto offre des soins puisant au coeur du monde végétal les extraits les plus performants qui agissent en synergie au service de la santé et de la beauté des cheveux. Ce positionnement authentique assure à la PHYTO une notoriété internationale.

DIFFER’ANT // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Differ’Ant souhaite envoyer une newsletter quotidienne à ses abonnés, pour les tenir au courant des différentes sorties, prochains événements, concerts... J’assiste à la réunion client où ce dernier nous explique le brief. Il s’agit d’une newsletter qui aura beaucoup de contenus, il est donc important que celui-ci soit très bien hiérarchisé, tout en étant mis en valeur.

Assez motivée pour ce projet, du fait qu’il s’agisse d’un sujet intéressant, j’ai particulièrement apprécié travailler sur cette Newsletter.

À PROPOS // En quelques années, Differ-Ant s'est imposé comme l'un des acteurs majeurs de la distribution indépendante en France grâce à un catalogue spécialisé et varié. Differ-Ant a su établir un réseau solide au niveau national ainsi que des rapports privilégiés avec les meilleurs partenaires possibles au niveau européen et nord américain. Fondée par 6 passionnés, forts de leurs expériences dans le secteur du disque, Differ-Ant défend une offre et une musique qui refuse l'appauvrissement et l'uniformisation.

APPLI CATION MOBILE

APPLICATION MOBILE //

CULLIGAN // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE La marque Culligan demande une version mobile de son site web contenant un formulaire de contact pour les entreprises et les particuliers.

C’était un travail assez rapide, mais légèrement frustrant, car la charte graphique de Culligan est très basique, et il était assez dur de rendre quelque chose de joli. Cependant le client valide ma proposition très rapidement. Il s'agit toutefois de ma première maquette mobile au sein de Clic'nGo, et ne connaissant que très peu les règles inhérentes à ce type de site, j'en oublie la création d'une version horizontale. Le chef de projet technique m'alerte sur ce point lors de la phase d'intégration du projet.

À PROPOS // Culligan est le spécialiste du traitement de l'eau en France depuis 1960. Elle propose une gamme étendue d'adoucisseurs et de fontaines à eau, aussi bien pour les particuliers que pour les entreprises.

EXPECTRA // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Expectra veut tenir un rôle d’accompagnateur RH auprès de ses clients, notamment en publiant régulièrement des études (comme le Baromètre des salaires) et une newsletter mensuelle. La marque commande donc la création d’un blog qui va venir héberger les contenus de la newsletter et ainsi créer une plateforme spécialisée et différencier la partie "contenus" de la partie "business" où les gens peuvent postuler et découvrir des offres d'emploi.

Je suis alors chargée d’effectuer la version mobile. Cette version doit être allégée, pour ne pas perdre l’utilisateur dans un contenu mobile trop complexe, c’est pourquoi nous avons décidé de ne présenter que les articles du blog. J’ai donc apprécié ce deuxième travail sur mobile, et ai à nouveau appris quelques spéciﬁcité, notamment penser à faire des boutons assez grospour ece support.

À PROPOS // Expectra est une ﬁliale du Groupe Randstad France, et est spécialisée dans le recrutement de hautes compétences pour des missions en interim ou en CDI.

MAGNIFICENCE // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR

CONTEXTE Dernier point de Magnificence : la version mobile du site. A nouveu, il s’agit de présenter un contenu simplifié pour alléger le poids des pages et d’aller à l'essentiel : mise en scène des produits, de l'innovation scientifique, ainsi qu’un formulaire d’inscription pour les échantillons (pour recruter de nouvelles consomatrices, ou fidéliser les anciennes).

En bilan sur tout le projet Magnificence, je suis très fière de ce projet, car même si tout n’a pas toujours été facile, et même s’il m’est arrivé d’en avoir marre (retours infinis, très peu de liberté créative), j’ai tout de même mené à bien l’intégralité de ce lancement et suis contente du résultat que je trouve joli.

PRINT PRINT

PRINT // Le print est une discipline dans laquelle je suis complètement débutante, il était donc compliqué pour moi au début de ce projet car je ne connaissais pas les règles de base.

NEXITY // LOGICIELS UTILISTÉS : PHOTOSHOP / ILLUSTRATOR / INDESIGN

CONTEXTE Lors du lancement de leur nouvelle plateforme RH, Nexity souhaite lancer une campagne de communication pour accompagner l’arrivée de cette plateforme, et séduire les plus réticents au changement. Il s’agit du premier appel d’offre sur lequel j’ai travaillé au sien de Clic’nGo. La marque demande dans un premier temps une campagne d’affichage A4, une vidéo démonstrative, ainsi qu’une en-tête d’e-mailing, le tout en 3 jours. Après quelques réunions pour décider de la destination à prendre, nous décidons de 2 différents de création : Le premier, dont Charlotte s’est occupé, consiste à concevoir la plateforme comme une ville, avec différents lieux : le kiosque RH, le campus, etc. Le deuxième axe, dont je me suis chargée, se veut plus corporate, en placant la plateforme comme un outil qui clarifie et simplifie la vie, à la manière une auréole de clarté. N’ayant été formée quet sur le web, il s’agissait là de mon tout premier travail de print, et j’étais donc quelque peu égarée sur le début, ne connaissant pas les règles de base du print. Mais je m’y habitue rapidement, et rend un bon résultat. Nous remportons l’appel d’offre, et le client est très content des deux propositions. C’est cependant la première qui est choisie, avec quelques modifications.

CON CLU CLU SION SION

MON STAGE EN CHIFFRES // 170 CAFÉS

85 JOURS

À L’AGENCE

680 HEURES TRAVAILLÉES

77 MAQUETTES

VALIDÉES

13 CLIENTS DIFFÉRENTS

2 CHARETTES

50 SALADES

SODEBO

340 MAILS

ÉCHANGÉS

LES COMPÉTENCES ACQUISES // J’ai globalement beaucoup appris au cours de ce stage, des compétences qui venaient compléter celles acquises au cours de mes 6 mois de formation de webdesign à Sup de Pub. Le fait de travailler pour la première fois sur des maquettes “réelles”, c’est-à-dire qui allaient être présentées à des clients, et qui allaient être intégrées, m’a beaucoup fait évoluer. Cela a agrandi ma connaissance des contraintes en termes d’intégration, ainsi que les contraintes clients (nombreux retours, une liberté limitée en termes de création…). J’ai développé aussi des compétences techniques intéressantes. En effet, n’ayant été formée que sur Illustrator, mes compétences étaient assez limitées sur Photoshop. Mais cette expérience m’a permis d’égaliser mes compétences sur les deux logiciels, et de pouvoir utiliser Photoshop au maximum de ses fonctionnalités. J’ai aussi été amenée à travailler sur inDesign, ce qui m’a un peu plus familiarisée avec l’outil, bien que je ne sois pas toujours complètement à l’aise avec. Et enﬁn, bien que n’ayant pas de compétences en intégration, je comprends à présent l’ensemble des techniques, et connais mieux ce qui est possible ou non, ce qui est indispensable pour la création d’interfaces.

EN CONCLUSION // Ce stage de 3 mois m’a permis de travailler sur des thèmes très différents, et d’apporter à chaque fois la réponse la plus adaptée possible, tout en étant graphique. J’ai trouvé intéressant de travailler sur tous ces différents supports, d’autant plus que j’en connaissais certains assez peu, notamment l’afﬁchage print. J’ai été confrontée pour la première fois au milieu professionnel, et j’ai appris à comprendre et accepter ses contraintes. C’était la première fois qu’un client voyait une de mes maquettes, ou que quelqu’un les intégrait, et les retours que l’on a pu me faire ont tous été primordiaux, tant positifs que négatifs. Mais au delà de tout cela, j’ai aussi trouvé la vie dans cette agence très formatrice. Ce stage étant ma première expérience en agence de communication à proprement parler, c’était la toute première fois que j’étais amenée à travailler avec des chefs de projet, ou à avoir autant de réunion avec le reste de l’équipe. En fait, à être réellement un maillon utile d’un organisme à part entière. Cela m’a appris à vivre en entreprise, à travailler en équipe…

ET LA SUITE // Cette expérience m’a conforté dans mon choix professionnel, et je sais maintenant avec certitude vouloir continuer dans cette voie. Mais elle m’a aussi parfois mise face à mes propres limites, et souhaite donc étudier des choses plus diversiﬁées à l’avenir. En effet, je pense que faire une formation moins axée web, et plus axée direction artistique peut m’être bénéﬁque. C’est pourquoi je pars étudier la direction artistique à Londres juste après mon stage. Je souhaite bien sûr toujours travailler dans le web, mais je crois qu’élargir mes compétences, dans le print notamment, pourra être un plus pour moi dans l’avenir.

ANNﾃ右 2012/2013