Université de Caen
Année 2015-2016
Parcours Multimédia
Licence Professionnelle ATC Webmestre
Think & Create
1
Maître de stage - Kilian Goujon Tuteur de stage - Hervé Lecrosnier
RAPPORT DE S T A G E 2 0 1 6 Agence de communication digitale
Claire Pinot
Agence 148
Agence 148
sommaire
p. 12 Présentation de l’agence
p. 8 Remerciements
Localisation, structure, salariés & organigramme Gestion de la société Environnement de travail Aspects juridiques & économiques
p. 10 Pourquoi l’Agence 148 ?
p. 20 Ensemble des activités
p. 7 Introduction
Gestion de projet Design print & web Développement Shooting photo
4
Agence de communication digitale
Think & Create
p. 6 Présentation personnelle
p. 23 Mon rôle
p. 29 Mes missions
Déroulement d’un projet Prise d’initiative Parti-pris Communication Relation client & designer Connaissances acquises en Licence Professionnelle
Umami Digital&RSE La Cerise sur la Pizza Unither Adequat Ania CBM p. 49 Conclusion
5
Agence de communication digitale
Think & Create
Agence 148
Agence 148
présentation personnelle Et puis, suite à ces deux ans, et après réflexion quant à mon avenir, je me suis tournée vers la communication digitale. Je voulais pouvoir suivre un projet entièrement, en passant par les phases éditoriales jusqu’au développement numérique.
Coiffeuse, fleuriste, designer d’intérieur puis graphiste, je me suis nourrie de ce qui m’entourait pour pouvoir créer mon univers et construire ma propre vision du monde qui m’entoure, un monde artistique.
Dans un monde où le multimédia prends de plus en plus d’espace, et où nous sommes baignés dans le domaine de l’internet, il me paraissait inconcevable de ne pas toucher au design web.
Après mon Baccalauréat Technologique STD2A (Arts Appliqués), je me suis dirigée vers un BTS Design Graphique, option médias imprimés afin de pouvoir vraiment accéder au monde de la communication. Affiches, plaquettes, identité visuelle, édition, je me suis amusée, tout au long de ces deux années, à créer des supports variés, texturés, où le fond, la forme et la matière ne faisaient qu’un.
Me voilà aujourd’hui dans la Licence Professionnelle ATC, parcours multimédia, à apprendre les techniques digitales, le webdesign, le code, ou encore le référencement. Le tout avec un soupçon de créativité et de liberté !
6
Agence de communication digitale
Think & Create
Ayant toujours été attirée par l’Art et ce qui gravite autour de ce domaine, je me suis toujours dit que lorsque je serai «grande», je travaillerai l’Art d’une façon ou d’une autre, avec mes mains et ma sensibilité.
Agence 148
introduction
À travers ce stage de 4 mois, je voulais avant tout me perfectionner dans la création digitale, et notamment le graphisme web. En effet, lors de ma formation d’un an en Licence Professionnelle, je n’ai pas assez développé ce domaine qui me plaît particulièrement, par manque de temps sans doute. Pendant ce stage, j’ai pu travailler sur divers projets, allant de la maquette print au projet web, touchant tous les domaines de la création multimédia : graphisme, mise en page, design, questionnement et réflexion autour de sujets tous plus variés les uns que les autres. Page après page, je vais avoir l’occasion de vous parler de mon stage, des tâches que j’ai effectuées, et du déroulement du travail que l’on m’a attribué. Comment un projet se construit au fur et à mesure dans une agence, et je finirai par faire un bilan de cette période.
7
Agence de communication digitale
Think & Create
Afin de valider ma Licence Professionnelle ATC (Activités et Techniques de Communication) Webmestre, parcours Multimédia, j’ai effectué un stage de quatre mois (du 2 mai au 2 septembre 2016) dans l’agence 148. Cette agence est spécialisée dans différents domaines de communication, mais surtout celui du print et du digital.
Agence 148
Je remercie également Camille, pour sa patience et sa pédagogie ainsi que pour les nombreuses explications qu’elle m’a données durant ces 4 mois. Pour le temps qu’elle a consacré à suivre mes projets, à me faire des retours sur les travaux que j’ai pu effectué. Pour le temps qu’elle a passé à m’expliquer pourquoi certaines choses dans mon travail n’allaient pas, comment je pouvais améliorer la technicité de mon travail, de quelle manière je pouvais gagner en rapidité. Pour tous les précieux conseils qu’elle n’a cessé de me donner tout au long de ces 16 semaines.
Think & Create
Avant toute chose, il me paraît nécessaire et fondamental de remercier l’Agence 148, sans qui, je n’aurai bien entendu pas pu faire ce stage, et sans qui je n’aurai pu apprendre tant de nouvelles choses, de tous points de vue. Il n’est jamais facile pour un étudiant de trouver un stage, c’est pourquoi je remercie tout particulièrement mon maître de stage et co-fondateur de l’agence, Kilian Goujon qui a su voir en moi un potentiel créatif pour l’entreprise. Je le remercie pour les projets qu’il m’a attribué tout au long de ces quatre mois, mais également pour la confiance qu’il m’a accordé suite aux péripéties qui me sont arrivées pour trouver un stage.
Je tiens aussi à remercier Mathilde, ma collègue graphiste qui m’a soutenue tout au long de ces dernières semaines. Qui a su m’apporter un point de vue professionnel, quand aux réalisations que j’ai eu à faire. Pour les conseils graphiques et techniques qu’elle a su me donner, et enfin, pour les conseils quand à mon avenir professionnel qu’elle m’a promulguée durant ce stage.
Grâce à lui et à toute l’équipe, mes connaissances dans le domaine du web n’ont fait que croître et m’ont réconforté dans l’idée du métier que je souhaite entreprendre dans un avenir proche. 8
Agence de communication digitale
remerciements
Agence 148
Je tiens enfin à remercier mon tuteur de stage, Monsieur Le Crosnier, qui m’a suivi tout au long de ces quatre mois, qui s’est intéressé à ce stage et aux projets que j’ai pu faire. Qui s’est rendu sur mon lieu de stage afin de voir par lui même l’avancée de cette expérience. Et enfin, pour le temps qu’il a passé à me corriger, afin que ce rapport soit juste et correct. Faire mon stage de dernière année dans cette agence a été un plaisir, j’ai pu apprendre beaucoup grâce à eux et surtout, cela m’a permis de me conforter dans mon projet professionnel à venir, ce qui est un aboutissement de mon cursus scolaire.
9
Agence de communication digitale
Think & Create
Merci également à toute l’équipe de l’agence car chacun d’entres eux a su trouver un peu de temps pour m’aider dans mes missions, me conseiller et m’orienter quand cela était nécessaire. D’avoir prit le temps de m’expliquer le fonctionnement de l’agence, d’un projet, ou tout simplement d’avoir prit de leur temps pour répondre à mes questions.
Agence 148
Ce stage a été effectué dans le cadre de ma formation, afin de valider ma Licence Professionnelle, mais pas seulement. Le but de ce stage était pour moi de découvrir de nouvelles approches d’un monde que j’affectionne particulièrement, celui du design graphique ; d’un point de vue technique mais aussi créatif. M’ouvrir sur des tendances que je ne connaissais pas encore, découvrir des façons de travailler qui étaient nouvelles pour moi, voir le fonctionnement d’une agence multidisciplinaire.
Je voulais trouver une petite agence, où la convivialité et les sourires seraient de mises, et où je serais amenée à toucher différents supports. Une agence où je pouvais faire plusieurs projets tout au long de la durée de mon stage, entreprendre des travaux variés, mais aussi complémentaires, dans un endroit où l’on me donne des responsabilités et où l’on fait confiance aux stagiaires. Dès le mois le novembre, j’avais commencé mes recherches pour trouver l’agence qui me conviendrais afin d’effectuer ma période de stage.
Pour cela, je souhaitais intégrer une agence digitale, axée sur le web, mais qui faisait aussi du print, afin de pouvoir retrouver et mettre à profit les connaissances que j’avais pu acquérir dans mon parcours scolaire, notamment avant la Licence Professionnelle, lors de mon BTS Design Graphique, option print.
Deux agences m’avaient alors répondu positivement. J’ai passé un premier entretien Skype avec la première, qui était intéressée par mon profil. Une autre agence (l’Agence 148) m’avait également proposé un entretien afin de connaître davantage mes motivations.
10
Agence de communication digitale
Think & Create
pourquoi l’agence 148 ?
Agence 148
Peu de temps après ce premier entretien, la première agence m’a contacté, en me disant que j’allais faire partie de l’équipe, et qu’elle m’acceptait en tant que stagiaire. J’ai donc envoyé mes conventions de stage. Suite à une non réponse, j’ai contacté cette agence afin de savoir pourquoi elle ne m’avait pas répondue.
Think & Create
Après toutes ces péripéties, j’ai recommencé à chercher un stage, recontacté les agences, dont l’Agence 148. J’ai pu alors leur expliquer ce qu’il m’était arrivé lors d’un entretien téléphonique. Suite à cela, ils ont souhaité que je vienne à Paris, afin que je puisse leur parler et argumenter sur les travaux que j’avais réalisé. Quelques jours après cet entretien, Monsieur Goujon m’a rappelé pour me dire qu’il m’acceptait en tant que stagiaire dans l’entreprise.
11
Agence de communication digitale
Pour des raisons qui restent encore obscures, elle n’a plus souhaité collaborer avec moi pour mon stage.
Agence 148
présentation de l’agence Localisation & structure, salariés, organigramme Localisation & structure
Think & Create
Le groupe 148 a été créé par Mathias Fryde et Kilian Goujon en 2011. Il s’agit d’une entreprise multidisciplinaire, où 6 pôles s’entremêlent, se juxtaposent et fonctionnent les uns avec les autres. Graphisme, web design, développement, ergonomie, rédaction et édition, l’Agence 148 propose un large panel de compétences à ses clients. Initialement située au 148 Boulevard Diderot, à Paris, l’agence a récemment changé de locaux, depuis janvier 2016. Elle a posé ses valises et ses machines au 40 rue de la Folie Regnault, à Paris toujours, dans le 11ème, au 4ème étage d’un immeuble ensoleillé l’après-midi. Cela leur a permis d’intégrer de nouveaux espaces, plus vastes et plus lumineux, pour une meilleure qualité de création et de développement également.
Salariés Lors de ma période de stage, nous étions 13 dans l’entreprise. Chacun avait un poste différent mais complémentaire aux autres, ce qui permettait de créer et suivre des projets du début à la fin.
12
Agence de communication digitale
Agence 148
Kilian Goujon, mon maître de stage et aussi co-fondateur de l’agence, est directeur artistique, mais il s’occupe aussi de la relation clientèle ainsi que des suivis de projets.
Think & Create
Camille Aguignier, auto-entrepreneur, gère les projets, en fait les suivis, et s’occupe aussi de la relation clientèle. En plus d’être chef de projet, elle est aussi éditrice à son compte. Axelle Geyre, est une autre chef de projet. Elle suit tous les dossiers print et web, nous fait les retours créa, mais elle est aussi graphiste, spécialisée en web et design UX/UI. Rémi Letigre, est développeur web et multimédia, en application mobile, tablette mais il développe aussi les sites web. Alexia Berrebi, la social média manager élabore les stratégies pour les médias sociaux des marques et des entreprises, elle conçoit leur présence en ligne via les réseaux sociaux justement.
13
Agence de communication digitale
Mathias Fryde, l’autre créateur de l’agence, est aussi développeur, il s’occupe également des clients et des suivis de projets sur les parties techniques de développement.
Agence 148
Think & Create
Agence de communication digitale
Les autres membres de l’Agence (Mathilde, Kassandra, Marine, Rolex, Pauline, Christophe, ...) sont soit des stagiaires soit des alternants ou encore des personnes travaillant en freelance. Créatifs, designers ou développeurs, chacun d’entres eux puise dans les connaissances de l’autre afin de créer de beaux projets, qui tiennent la route, et qui surtout, répondent aux plus proches attentes et demandes des clients.
14
Agence 148
Organigramme Dans l’Agence 148, malgré que chacun ait son poste attitré et son domaine d’expertise, chaque membre de l’équipe ne travaille jamais seul. Les savoirs-faire et connaissances de chaque employé sont mis en valeur dans les projets et viennent s’imbriquer avec ceux des autres créatifs et développeurs.
Camille Aguignier
Mathias Fryde
Rémi Letigre
Axelle Geyre
Mathilde
Rolex
Kassandra
Pauline
Axel
Moi
15
Alexia Berrebi
Marine
Christophe
Agence de communication digitale
Think & Create
Kilian Goujon
Agence 148
Gestion de la société
Communication et marketing
Le site internet ainsi que les pages de réseaux sociaux sont gérés au sein de l’agence, et ce sont les créatifs qui s’occupent des visuels des bannières Facebook ou Twitter par exemple. Codé au sein de 148, le site actuel n’est qu’une facette du prochain. L’équipe s’attèle à coder un nouveau site, dans un futur proche, ludique, plus hiérarchisé et qui reflétera davantage l’agence, ainsi que ses travaux.
Administration et comptabilité
Le groupe 148, créé en 2011, est une S.A.R.L (société à responsabilité limitée). Elle est constituée de minimum de 2 associés (ici Kilian et Mathias), qui gèrent ensemble les salariés, les 11 autres membres de l’agence. La partie administrative est gérée par Kilian et Mathias tandis que comptabilité est assurée par un comptable. 16
Agence de communication digitale
Think & Create
Toute la communication de l’Agence est guidée par Kilian et Mathias. Avec un point de vue différent mais complémentaire, ils mènent d’une main de fer l’entreprise. Dès la création de l’agence, ils ont su comment gérer la communication et tous les supports gravitant autour de 148.
Agence 148
Évolution du chiffre d’affaires
Le chiffre d’affaires de l’Agence 148 n’a fait qu’augmenter depuis sa création. Et pour cause, «sur l’année 2015 elle réalise un chiffre d’affaires de 493 700,00 €. Le total du bilan a augmenté de 131,80 % entre 2014 et 2015.» (source : http:// www.societe.com/societe/groupe-148-531992055.html)
Environnement de travail Dans un espace de co-working, chaque employé de l’Agence 148 possède son poste de travail mais peut tout aussi bien travailler où il le désire, dans une petite salle de réunion, dans la partie «détente» où des poufs sont à disposition. Cette façon de travailler favorise la créativité et le dialogue entre tous les métiers présents dans l’Agence. J’avais donc une place définie à un bureau, mais j’ai été amenée à bouger afin de pouvoir construire des projets à plusieurs. Pour ce qui était de mon matériel de travail, j’utilisais mon MacBook Pro personnel, mais je travaillais aussi sur les machines de l’Agence, quand le projet le nécessitait ou lorsque que je ne possédais pas les logiciels utilisés.
17
Agence de communication digitale
Think & Create
C’est une agence qui ne cesse de se diversifier, de croître et de prospérer avec des clients qui lui font confiance, et ce depuis le départ.
Pour les logiciels, je ne me suis servie que de la suite Adobe, avec InDesign, Illustrator et Photoshop. Des logiciels que j’ai l’habitude d’utiliser, notamment lors de ma formation, et qui sont communs à tous les graphistes et designers.
Afin de loguer notre temps sur chaque projet, nous utilisions Activ’Collab, un site permettant d’inscrire notre temps afin de le facturer aux clients. Ce site nous permettait aussi d’attribuer des tâches créatives ou de développement aux personnes concernées, afin de mener à bien le projet. Les développeurs eux travaillent avec des IDE (environnement de développement), outils qui leur permet d’augmenter la productivité du développement de logiciels ou d’applications. Les IDE ont plusieurs options, ce qui permet aux développeurs de ne travailler que sur un nombre restreint de logiciels. Éditeur de texte, langages variés (PHP, HTML/CSS, Ruby, JAVA, etc), connexion à des BDD (Bases De Données), ce logiciel donne la possibilité d’avoir en un écran, toutes les options dont ont besoin les développeurs pour leur projet.
Think & Create
De plus, au sein de l’Agence, afin de dialoguer et d’avoir une trace des décisions prises récemment, nous utilisions le service Slack, qui nous permettait de dialoguer en direct sur n’importe quel sujet, en créant des discussions de groupe ou non. Pour envoyer les mails, l’équipe utilise Gmail. Chaque employé a sa propre adresse mail, et s’en sert pour l’envoi de fichiers plus lourds et pour communiquer avec les clients.
InDesign
Illustrator
Slack
Gmail 18
Photoshop
Activ’Collab
Agence de communication digitale
Agence 148
Agence 148
Cela leur permet notamment de gagner du temps sur les travaux, en automatisant une partie des activités et surtout en simplifiant les démarches de développement. Ils utilisent aussi des machines virtuelles afin de tester les sites sur différents navigateurs, notamment lorsque les développeurs sont sur Mac et qu’ils doivent tester le développement sur Internet Explorer par exemple.
Think & Create
Aspects juridiques et économiques Les clients de l’agence sont assez variés, que ce soit dans la taille de ces derniers ou concernant leur notoriété. En effet, toutes sortes d’entreprises font appel à l’agence 148 afin qu’elle réalise leur projet, des entreprises de grandes tailles, avec des budgets conséquents, telle que Suez ou l’Ania par exemple, ou alors de plus petites structures, telle que Umami ou encore La Cerise sur la Pizza, où les budgets sont moindres. Dans tous les cas, l’Agence 148 optimise au mieux les demandes, afin que la création et le développement, si besoin et selon le projet, soient respectées et conformes aux attentes du clients. Concernant la concurrence, l’Agence 148 doit faire face à toutes les autres agences de Paris, et il y en a beaucoup. 148 est une agence qui fonctionne grâce au bouche à oreille, elle répond aussi parfois aux appels d’offre, mais elle ne démarche que très rarement des clients. 19
Agence de communication digitale
Pour des besoins plus spécifiques, les employés de l’agence sont aussi amenés à utiliser des logiciels tels que Première Pro ou encore FinalCut, pour le montage vidéo.
Agence 148
ensemble des activités Gestion de projet
Camille, Axelle ou encore Kilian et Mathias veillent à accompagner les graphistes et développeurs sur les commandes afin que la demande des clients soient bien comprise. Ils sont aussi présents pour les créatifs si nous avons des questions ou des interrogations sur tels ou tels points. Ils organisent nos emplois du temps, répartissent aussi le travail selon les savoirs-faire de chaque designers, et suivent bien entendu tout le déroulé des échanges entre les graphistes et leur clients, et si besoin, ils prennent part dans les prises de décisions graphiques.
Design print et web L’agence 148 possède divers savoirs-faire et compétences, qu’elle met en œuvre afin de répondre au mieux aux demandes des clients. Après le premier rendez-vous client qui est primordial pour définir le futur projet avec l’agence (voir ce qui est faisable ou non suivant la demande), le point de départ de ces projets est le design des premières propositions, des premières maquettes. 20
Agence de communication digitale
Think & Create
La première chose dont a besoin un graphiste ou un développeur afin de suivre son travail et de voir un suivi régulier quant à ses créations, c’est une bonne gestion et un bon suivi du projet. Pour ce faire, à l’Agence 148, plusieurs personnes sont là pour nous guider et pour suivre l’évolution du travail effectué.
Agence 148
En web comme en print, selon le budget du client, un devis est estimé, et le graphiste créée alors plusieurs maquettes (deux ou trois, ou plus si nécessaire) afin de donner une première idée au client de ce qui est réalisable, et surtout, voir si l’équipe créative a bien cerné la demande et les attentes du client.
Ensuite, le graphiste continue son travail et veille à répondre au mieux à la demande du client. Quelques échanges ont encore lieux jusqu’à ce que le client soit complètement satisfait du travail exécuté. Lorsqu’il s’agit du print, les maquettes peuvent être envoyées directement à des imprimeurs que l’Agence a sélectionné suivant ce que souhaitait le client. Sinon, le B.A.T. est envoyé au client qui s’occupe, de son côté, de trouver un imprimeur et de faire imprimer son projet. Pour les maquettes web, il s’agit du même principe. Soit l’agence est en charge du développement et ce sont les développeurs qui prennent la suite du projet, ou alors le client peut aussi faire développer son site ou son application (mobile ou tablette) de son côté, avec ses propres développeurs.
21
Agence de communication digitale
Think & Create
Suite à ces premières propositions, un premier échange a lieu entre le client et l’Agence, afin de voir ensemble ce qu’il faut changer, ce qu’il reste à améliorer, ou ce qu’il faut tout simplement enlever.
Agence 148
Développement
créatifs interviennent dans les refont afin de créer les wireframes, puis les visuels nécessaire à la modification du produit. Après que la demande ait été traitée, plusieurs allés-retours sont effectuées entre le client et le développeur afin de régler les derniers détails.
Shooting photo Enfin, il arrive parfois que l’Agence organise des shooting photo, selon la demande du client. Faire des repérages, voir avec le personnel des commanditaires qui sera présent sur les lieux du shooting, déterminer ensemble sous combien de temps pourront être livrées les images. Toute une organisation est à prévoir, et l’Agence 148 en est capable. Il faut pouvoir contacter le commanditaire en question, voir avec lui les disponibilités de ses employés afin qu’ils puissent être présents sur les lieux du shooting si besoin.
Si le projet est neuf, le développeur va d’abord penser l’architecture du produit pour en déduire son arborescence. Suite à cela, tout un travail va être fait avec le créatif afin qu’il ait les visuels pour pouvoir développer le projet (site, application mobile ou tablette). Typographies, visuels en «.svg», tout doit être exporté avec annotation pour que le développeur puisse s’y retrouver et coder. Au contraire, s’il s’agit d’une refonte de produit, le développeur étudie l’existant pour comprendre le fonctionnement du site. Il pourra développer le nouveau site seulement après. Là encore, les 22
Agence de communication digitale
Think & Create
Le principe de création pour la partie développement est la même que pour celle du print. Avant toute chose, le développeur étudie la demande du client en regardant si un natif existe ou si au contraire, il doit tout faire du début à la fin.
Agence 148
mon rôle Déroulement d’un projet
Après que la personne chargée du suivi et de la gestion du projet ait cerné les demandes et les attentes du client, elle missionne un designer pour le projet, suivant ses savoirs faire et ses compétences (plus print ou plus web). Il s’agit d’abord de prendre un premier contact avec le projet, comprendre les enjeux et les définir. À la suite de cela, le créatif peut commencer les premières maquettes, suivant un devis pré-établis avec le client. Selon les budgets, les maquettes sont donc plus ou moins nombreuses. Ensuite, ces dernières sont envoyées au client afin qu’il les regarde, les critique et puisse faire un retour au chef de projet ou au designer directement. Cela permet au client de voir avec le designer ce qu’il y a à modifier, à changer, à supprimer ou encore à améliorer. 23
Agence de communication digitale
Think & Create
Au sein de l’Agence 148, j’ai occupé un poste de création, graphiste print mais aussi multimédia. J’ai pu m’exercer dans les deux domaines, mais aussi construire des projets avec les développeurs/ intégrateurs, afin de finaliser les demandes de clients.
Agence 148
métier, où nous ne sommes pas seulement des exécutants, mais bien des créatifs qui peuvent, selon leur capacité et les attentes souhaitées, laisser place à la créativité et aux prises de risques. Tout au long du stage, j’ai du prendre des initiatives, notamment pour le bon déroulement des projets qui m’ont été confiés. Des prises d’initiative avec le client, lorsque quelque chose n’allait pas avec le résultat obtenu, ou encore lorsqu’il fallait faire des points avec le chargé de suivi du projet.
Si parfois, les retours sont trop nombreux, avec des modifications qui ne sont pas forcément nécessaires, il peut arriver que la personne chargée du suivi de projet dise «stop» au client, en lui expliquant que ces changements pourraient éventuellement augmenter la note du devis ou que tout simplement ces changements ne sont pas d’une grande nécessité.
Le métier de graphiste est un métier où l’on se remet sans cesse en question, à savoir si nos choix sont les bons, si cela va convenir aux clients, si nous avons bien cernés la demande.
Le projet est ensuite redistribué aux développeurs ou aux imprimeurs selon les supports ou tout simplement retourné au client si l’Agence n’était en charge que de la partie créative.
Les prises initiatives sont parfois saluées d’une commande qui aboutie convenablement, avec une déclinaison de supports dans le meilleur des cas.
Prise d’initiatives Le métier de designer nous pousse à prendre des initiatives, à tenter des choses, bien entendu en accord avec les attentes du client. C’est un avantage dans le 24
Agence de communication digitale
Think & Create
Suite à cela, le graphiste peut remédier au projet en faisant les bons changements. Puis un second envoi est fait au client, et ainsi de suite, jusqu’à ce que ce dernier soit totalement satisfait du travail effectué.
Agence 148
Parti-pris
Dans certaines situations, il est frustrant de voir que le client n’est pas d’accord avec les propositions du créatif. Jugées trop ambitieuses, ou pas assez «modernes» selon les dires du client, le projet perd parfois de sa beauté. Trop audacieux, avec des couleurs trop saturées, ou au contraire des typographies qui ne lui parlent pas, le client reste maître de sa demande, et le créatif se doit alors de changer les propositions selon les souhaits envisagés, et revenir à un travail parfois plus basique, moins créatif, d’où cette frustration que peut parfois ressentir un designer.
Communication Dans l’Agence 148, comme dans toute agence de communication, le dialogue est primordial. Pour le suivi des projets, pour la relation entre, et avec les employés, l’échange 25
Agence de communication digitale
Think & Create
Afin de répondre au mieux à la demande du client, et avant toute chose, le designer créé souvent des moodboards ou des pages tendances, qui lui permettent justement d’avoir un parti-pris créatif propre et argumenté. Cela lui donne l’occasion aussi de pouvoir expliquer au client comment il voit le projet, comment il souhaite l’aborder. C’est aussi une façon de montrer au client comment le designer a ciblé ses attentes.
Agence 148
est vraiment important. Si un projet n’est pas compris ou assimilé correctement, si la communication n’est pas au point, le projet ne pourra pas aboutir.
Sans la communication, il est impossible dans une agence de partager des points de vue, des idées, et de créer en fonction de cela des projets qui tiennent la route et qui aboutissent. L’Agence 148 favorise aussi beaucoup les projets en groupe (deux ou trois personnes sur le projet). Cela permet tout d’abord de travailler plus rapidement, d’avoir plus d’idées. Mais aussi de favoriser la communication pour apprendre davantage sur les savoirs-faire et les connaissances des autres collègues. Enfin, le travail est souvent mieux fait, dans ce sens où en partageant notre expérience, le dialogue entre créatifs et développeurs est plus simple.
26
Agence de communication digitale
Think & Create
Lorsqu’un nouveau projet est donné à un créatif, le dialogue entre ce dernier, la personne en charge du suivi de projet et le client ne s’arrête jamais. Par mail, par communication orale ou par téléphone, le suivi et le questionnement face à la demande vont de paire.
Agence 148
Relation client & designer
et une argumentation qui le fera changer d’avis. Et parfois, cela n’est pas forcément une chose facile à faire. Le client peut être borné, ou tout simplement sur de ce qu’il souhaite et ne veut pas tenir compte de ce que nous pouvons lui dire en tant «qu’expert» de la communication. Il s’agit là de la partie frustrante du travail d’un designer.
Je m’organisais pour répondre à ses attentes, pour le contacter par mail si besoin, ou l’appeler si nécessaire. La relation de confiance instaurée entre la chargée de projet et moi-même m’a vraiment permis de suivre l’évolution de mon travail.
Néanmoins, le fait d’avoir affaire avec le client, sans passer par des intermédiaires, permet un travail plus rapide, qui répond davantage aux attentes souhaitées. Le travail est plus sûr et le client n’en sera que plus satisfait.
Le plus dur lorsque l’on est amené à communiquer avec le client directement, c’est de lui expliquer, dans un langage qu’il peut comprendre, que certaines de ses idées ne sont pas réalisables. En tant que graphiste, nous savons si telle ou telle option est envisageable. Mais il faut savoir expliquer au client pourquoi ce n’est pas possible, avec des mots 27
Agence de communication digitale
Think & Create
Un des nombreux avantages à être dans l’Agence 148, n’est autre que la relation client/designer que le créatif gère comme il le souhaite. En effet, dans les projets que j’ai pu effectuer, notamment «La Cerise pour la Pizza», je me suis organisée seule pour gérer le projet et comprendre directement avec le client, ce qu’il souhaitait.
Agence 148
Connaissances acquises en Licence Professionnelle
Think & Create
En effet, cette année m’a permis d’apprendre les différents langages oraux et techniques dont j’aurai besoin pour communiquer dans l’agence. Cela m’a aussi aidé à aborder les notions de code pur et de CMS afin de pouvoir créer des projets avec les développeurs. Ces paramètres m’ont permis de ne pas être perdue durant les projets. Les modules de communication que nous avons eu avec Madame Zerbib m’ont aussi beaucoup aidé. Notamment pour pouvoir dialoguer avec les clients, pour garder son calme ou argumenter sur une bonne intonation dans certains cas. Enfin, j’ai pu mettre à profit les connaissances acquises pendant les cours de design graphique, pour les approfondir et les améliorer.
28
Agence de communication digitale
Grâce aux notions que j’ai cerné cette année, j’ai abordé mon stage sereinement et paisiblement.
Agence 148
mes missions Umami Umami est une société qui importe des produits alimentaires japonais de grande qualité. Ils sélectionnent directement les produits chez les artisans, des produits savoureux, sains, et issus d’un savoir-faire traditionnel.
Think & Create
Projet digital
Site marchant important des produits japonnais (épicerie fine)
Réalisation Dans un premier temps, il a fallu s’imprégner du projet, commenter et analyser l’existant pour comprendre ce qui ne fonctionnait pas. Après une réunion entre 3 graphistes et une chef de projet, nous en avons ressorti les points à améliorer ainsi que les éléments à modifier. Tant dans le design que dans le développement, beaucoup de choses étaient à changer afin de faciliter la lecture du site, sa hiérarchie et aider le consommateur dans sa navigation.
29
Refont des parties les plus importantes du site
Agence de communication digitale
Située à Paris, la société souhaite toucher un public plus large et exporter ses produits à une échelle européenne.
Agence 148
Ce projet a été réalisé à deux graphistes, Mathilde et moi-même. Nous nous sommes distribuées les pages après avoir choisi les nouvelles typographies.
Think & Create
Après avoir fait nos maquettes, nous avons refait un point avec Mathilde afin d’uniformiser notre travail, tant dans les corps de police que dans les couleurs, les marges, afin que l’ensemble soit harmonieux. Nous avons fait valider au chef de projet, qui nous a fait ses retours. Ce qui nous a permis de refaire quelques modifications avant que le travail soit donné à Marine, pour qu’elle puisse développer le site suivant les design que nous avions fait.
30
Agence de communication digitale
Le but du projet était bien une refont et non un redesign complet du site. Il fallait optimiser le contenu, changer les informations de place pour qu’elles soient plus logiques.
Agence 148
Umami est le premier projet qui m’a été confié à l’agence. Cela m’a tout d’abord permis de comprendre comment fonctionnait l’équipe, d’appréhender le dialogue avec les autres graphistes pour voir comment nous pouvons travailler ensemble. Travailler en équipe a été bénéfique, car à plusieurs les idées fusent davantage.
J’ai aussi pu mettre à profit les connaissances que j’ai appris en design web à l’Université, pour créer des maquettes qui, visuellement parlaient au client et répondaient à la charte graphique initiale.
Agence de communication digitale
Think & Create
Qu’est ce que ce projet m’a apporté ?
https://www.umamiparis.com
31
Agence 148
Digital & RSE Trois acteurs sont au centre de cette initiative. Tout abord, Agrion, ses 350 structures dans le monde et ses 200 000 membres. Il s’agit d’un réseau international de professionnels de l’énergie et du développement durable. Il y a aussi Pixelis qui est une agence de communication, axée design de packaging et enfin l’Agence 148.
Think & Create
Projet digital
Site internet regroupant différents acteurs sensibilisant au développement durable
Design global des pages du site
32
Agence de communication digitale
Ensemble, ils ont monté ce projet afin de sensibiliser les entreprises au développement durable et comment, grâce au design, elles pouvaient s’engager dans cette voie, par différents moyens et grâce à différentes pratiques.
Agence 148
Think & Create
Dans un premier temps, un template wordpress a été choisi. Par rapport au contenu que j’avais, j’ai pu constater où j’allais pouvoir mettre mes contenus, voir comme je pouvais afficher les éléments. Après avoir fait des captures d’écran des différents éléments que je souhaitais réutiliser, j’ai commencé les maquettes. Le template permettait de faire un site directement en responsive. Cela m’a facilité le design car je n’ai pas eu de déclinaisons à designer. Le site se décline sous plusieurs pages, avec la home, les trois parties et quelques autres pages telles que «qui sommes-nous» ou encore la newsletter. Les couleurs ainsi que les typographies avaient été choisies par Pixelis, il me restait à mettre en page tout le contenu. Après différents retours quant aux propositions de maquettes que j’ai pu faire, Axel a développé le site et codé le contenu afin qu’il reflète au mieux les design que je lui ai fait. J’ai également pu intégrer certains contenus tels que du texte ou encore des images, que j’avais préalablement redimensionnées afin qu’elles correspondent à la taille du template. 33
Agence de communication digitale
Réalisation
Agence 148
Qu’est ce que ce projet m’a apporté ?
Pour ce projet, tout était à faire. Je suis partie de zéro pour arriver aux maquettes d’un site complet. Le fait de designer un site entièrement à été bénéfique pour moi car j’ai pu me rendre compte de la charge de travail que cela occasionnait.
Agence de communication digitale
De plus, cela m’a permis de dialoguer avec le développeur, de voir avec lui les meilleurs options possibles, comme il nous l’a été enseigné dans la Licence Professionnelle. De mettre à profit nos compétences pour créer un projet global.
Think & Create
http://rse-digital.fr
34
Agence 148
La Cerise sur la Pizza La Cerise sur la Pizza est une marque de pizzeria, qui évolue et grandit, dans trois lieux différents sur Paris, à Belleville, à Bonne Nouvelle et à Saint Paul.
Think & Create
Le but de cette mission était de refondre la carte, avec de nouvelles pizzas à ajouter, des boissons à enlever, des éléments divers et variés à modifier, tels que les typographie, ou encore la hiérarchisation des différentes éléments.
Projet print
Refont de la carte
35
Création des design recto et verso du menu
Agence de communication digitale
148 a designé leur charte graphique (logo, identité, pattern, typographie) mais également le packaging pour les cartons à pizzas ainsi que la carte du restaurant, en guise de set de table.
Agence 148
Réalisation
Gardant la même charte graphique, j’ai d’abord synthétisé les différentes informations à rajouter, ainsi que celles à supprimer afin d’imaginer la place que cela allait prendre.
L’enjeu pour cette création était de pouvoir agencer toutes les informations sans que cela nuise à la lecture. Après avoir travaillé sur un format de 30x30cm, j’ai demandé au client s’il était possible de passer sur un format A3 afin que la lecture soit plus fluide et que les informations soient elles aussi plus accessibles. Le format A3 est plus aérien, plus abordable, et la lecture du menu y est plus facile.
Qu’est ce que ce projet m’a apporté ?
Avec de nombreux aller-retours, j’ai pû être confrontée à l’indécision du client. Patience et rigueur étaient les maîtres mots. De ce projet, j’ai pû apprendre à condenser les informations, hiérarchiser les éléments, me mettre à la place des futurs clients afin de comprendre dans quel sens ils abordaient la carte.
Cela m’a aussi permi de me confronter à un projet qui dure sur du long terme, et comment gérer le client face à cette situation. J’ai ainsi pû mettre en pratique les cours sur la relation au client que nous avons eu avec Madame Zerbib, et comment justement, je pouvais gérer un dialogue avec un client vraiment indécis. 36
Agence de communication digitale
Think & Create
J’ai gardé les éléments graphiques pré-existants, j’ai pu rajouter des photos selon le lieu de la pizzeria afin de personnaliser. J’ai également créé des visuels illustrants les différents parties du menu (les entrées, les vins, les apéritifs).
Agence 148
Unither Unither est un laboratoire pharmaceutique qui vend à ses clients des médicaments prêts à la vente. Entreprise internationnale, elle est présente sur différents salons mondiaux afin de se faire connaître. Elle a fait appel à 148 pour designer une borne interactive, présente sur leur stand à venir, afin que les clients puissent récupérer différents documents sur l’entreprise et ses domaines d’expertises. Design de l’application
Création des différents visuels, des animations, des illustrations, etc.
37
Agence de communication digitale
Think & Create
Projet digital
Agence 148
Réalisation J’ai aussi cherché des animations, notamment des transitions d’écrans, des animations de boutons afin de rendre la borne plus dynamique et attractive. Ensuite, nous avons fait un point avec le développeur afin de voir ensemble ce qui était réalisable et ce qui ne l’était pas, au niveau des animations surtout.
Pour chaque écran que j’ai designé, je proposais 2 ou 3 versions différentes afin que le client puisse faire des choix et des ajustements en fonction de ce qui lui était présenté.
Régulièrement, nous faisions des points, suivant l’avancée du développement, pour voir si graphiquement, le projet était cohérent.
Après que l’application soit entièrement designée, j’ai exporté tous les éléments en .svg pour que le développeur puisse s’en resservir au développement.
38
Agence de communication digitale
Think & Create
J’ai commencé par regarder les différentes documents qui étaient à ma disposition, afin de comprendre davantage le projet. Suite à cela, j’ai vu avec la chef de projet comment nous pouvions décliner les supports papier en support digital, voir quelles étaient les différentes parties à faire figurer sur la borne.
Agence 148
Qu’est ce que ce projet m’a apporté ?
Think & Create
D’un point de vue design, le projet m’a réellement été bénéfique car c’est la première fois que je réalisais le design d’une application destinée à une borne.
Ce projet m’a montré que le dialogue entre designer et développeur était primordial, ce qui m’a été enseigné tout au long de cette année de Licence Professionnelle. Le fait de pouvoir parler le même langage, de comprendre comment le développeur code, me permet en tant que graphiste, d’éviter certaines incohérences dans le développement, ou encore de choisir des animations qui alourdiraient l’application.
Le fait aussi de pouvoir dialoguer avec le développeur, de voir ensemble les meilleurs options possibles a été gratifiant. Parfois je ne me rendais pas forcément compte de ce que cela pouvait donner une fois développé.
39
Agence de communication digitale
Agence 148
Adéquat Adéquat Environnement est une entreprise parisienne, située dans le 12ième arrondissement, spécialisée dans les diagnostics immobiliers. Leur équipe est pluridisciplinaire et peut donc couvrir plusieurs pôles. Elle met au service de ses clients «des spécialistes dans l’intervention et l’assistance aux copropriété et propriétaire du domaine bâti.». (source :
Think & Create
Ils ont fait appel à 148 afin de créer des fiches reprenant leurs différents pôles de savoirs-faire afin qu’Adéquat puisse les distribuer dans des entreprises prestataires de services, susceptibles d’avoir des clients intéressés par les services proposés par Adéquat. Il fallait concevoir le design d’une chemise, ainsi que 5 plaquettes recto-verso reprenant les qualifications d’Adéquat. Ainsi qu’une autre fiches, expliquant l’historique de l’entreprise, avec un contenu synthétique.
Projet print
Fiches, plaquette et pochette à designer
40
Création des différents visuels, des designs complets et déclinaison de la charte graphique
Agence de communication digitale
http://www.adequat-environnement.com)
Agence 148
Réalisation
Suite à le cela, j’ai décliné le design de la pochette pour faire les fiches. 5 fiches reprenant les 5 pôles d’activité d’Adéquat. Après avoir fait la première, j’ai pu créer mes styles de paragraphes et de texte sur Indesign afin de pouvoir les réappliquer sur les fiches suivantes. Le but étant qu’il y ait une harmonie visuelle entre toutes les fiches. Il m’a resté à faire la fiche de l’entreprise ellemême, qui devait varier un peu visuellement mais reprendre néanmoins les codes graphiques que j’avais préalablement établi.
41
Agence de communication digitale
Think & Create
Des premières maquettes de la pochette avaient été faites mais ne convenaient pas au client. J’ai donc repris les éléments pré-existants (logo, typographie, couleurs), afin de la décliner et de créer un nouveau design. Je tiens à préciser que le projet n’avait pas de charte graphique réellement établie, j’ai donc composé selon les éléments que j’avais, ce qui n’a pas forcément été très simple au départ. J’ai refait deux propositions de maquettes, qui ont été envoyées au clients pour validation.
Agence 148
Qu’est ce que ce projet m’a apporté ? Les contenus n’étant pas définitifs, il a fallu faire beaucoup de modifications, et plusieurs allés-retours avec le clients. Avec de la patience, le projet a pu aboutir sur un design cohérent avec l’image que voulait renvoyer Adéquat.
Think & Create
Agence de communication digitale
Très corporate, ce projet était assez précis dans le contenu mais flou dans la réalisation graphique. Le fait de ne pas avoir de charte graphique était d’autant plus compliqué car il fallait créer des design cohérents, en essayant qu’ils puissent plaire aux clients.
42
Agence 148
ANIA ANIA est l’acronyme de «l’Association Nationale des Industries Alimentaires». C’est un groupe constitué de 18 fédérations nationales et 23 associations régionales qui se portent garantes du dialogue entre les pouvoirs publics, les administration et les médias sur les sujets liés à l’alimentation. (source : http://www.ania.net/presentation-de-lania)
Think & Create
J’ai donc réalisé tous les visuels pour la campagne digitale, visuels vectoriels qui seront ensuite animés par un motion designer.
Projet digital
Motion design pour écrans projetés sur télévisions
43
Design des visuels suite à l’élaboration d’un storyboard
Agence de communication digitale
Pour ce travail, l’ANIA a fait appel à l’Agence 148 afin qu’elle réalise deux motions design, qui seront projetés sur écran lors du salon SIAL 2016.
Agence 148
Réalisation Après avoir créé tous les écrans du premiers motion design, Axelle les a envoyé au client pour qu’ils les valident.
Après avoir regardé toute la charte graphique de l’ANIA, client important de l’agence, j’ai pu comprendre leur univers et l’appréhender pour créer les visuels pour le motion design.
Think & Create
Axelle, la chef de projet sur ce dossier avait au préalable imaginé et dessiné les story-boards. Il était donc plus facile d’imaginer les futurs visuels à produire.
Après avoir dessiné les deux story-boards, un dernier envoi a été fait auprès des clients pour une dernière validation.
Grâce à une vieille graphique, l’univers avait aussi été choisi par Axelle et validé par les clients. Des dessins aux traits, simples, épurés, viendraient illustrer les différentes informations textuelles.
Le motion designer a pu, par la suite, commencer les animations, grâce aux fichiers Illustrator.
J’ai donc commencé à chercher sur internet des illustrations, dont je pourrais me servir pour le motion design. Pouvoir piocher dans différentes sources et créer mes propres dessins. Tous les visuels ont été dessinés sous Illustrator, avec une gamme colorée que j’avais décliné auparavant.
44
Agence de communication digitale
À la suite de cela, j’ai pu dessiner le deuxième story-board, et le faire valider au client pour ensuite le mettre sur couleur sur Illustrator.
Agence 148
Qu’est ce que ce projet m’a apporté ?
Think & Create
Certaines illustrations ont été difficiles à trouver car les sujets ne s’y prêtaient pas forcément. Il m’a donc fallu trouver des alternatives pour illustrer métaphoriquement les intentions du client. Le but étant que les visuels parlent aux personnes qui seront présentes sur le salon.
45
Agence de communication digitale
Ce projet m’a permis de dessiner sous Illustrator, des scènes complètes. Gérer l’intention et la signification du dessin pour qu’il puisse correctement illustrer les propos.
Agence 148
CMB CBM est une entreprise de développement et conseil pour le digital et plus particulièrement, le design et développement d’applications mobile et sites internet. Elle a fait appel à l’agence 148 afin qu’elle lui design le site à partir d’un template Wordpress. Les modules offert par ce dernier étaient variés. J’ai
Design du site internet
Think & Create
Projet digital
46
Création des différents visuels et des animations globales du site
Agence de communication digitale
donc pu choisir des éléments qui correspondent vraiment aux désirs du client.
Agence 148
Réalisation J’ai d’accord commencé par regarder toutes les possibilités qu’offrait le template afin de choisir les meilleures options pour le site.
Think & Create
Suite à mes recherches, j’ai présélectionné les éléments qui me seraient utiles pour designer le site. Après un premier aller-retour, j’ai eu quelques modifications à faire, ainsi que de l’ajout textuel à faire dans certains blocs. La finalisation du site a été assez rapide car le client savait exactement ce qu’il souhaitait. C’est donc ma collègue qui s’est occupée de l’intégration et du développement. Nous avons travaillé en binôme pour les animations, afin de voir en «direct» ce que cela pouvait apporter au site. Le but étant de travailler plus vite et de ne pas perdre notre temps.
47
Agence de communication digitale
La charte de CBM était déjà établie. Il fallait seulement la décliner en fonction des éléments textuels que j’avais à ma disposition.
Agence 148
Qu’est ce que ce projet m’a apporté ? Le fait aussi que pour certaines pages, je n’avais pas le texte final à compliqué mon travail dans le sens où j’ai du designer des éléments sans avoir le contenu définitif.
Le fait de travailler avec un développeur m’a permis de voir comment elle, elle fonctionnait pour développer le site.
Agence de communication digitale
Think & Create
La durée du projet a été très courte. Il a donc fallu, dès le départ, synthétiser les attentes du client et bien les comprendre afin d’aller au plus direct, et ce, rapidement.
http://cbm.148.fr/agence/
48
Agence 148
Le stage a été très enrichissant, et ce, à tous les niveaux. D’abord, j’ai pu observer le fonctionnement d’une agence de communication digitale et ainsi me faire une idée concrète du travail pour lequel nous sommes formés. Je dois dire que j’ai trouvé cela stimulant. J’ai également trouvé tout à fait intéressant de travailler sous la tutelle de Directeurs Artistiques, et de profiter de leur expérience. J’ai été très impressionnée par leur capacité à cibler rapidement un concept, que cela soit avec Kilian, Camille ou Axelle, de la façon dont ils l’expliquent synthétiquement, mais également par leur maîtrise technique. J’ai ainsi pu approfondir mes propres connaissances d’Illustrator, de Photoshop et bien-sûr d’Indesign. J’ai entrevu de nouvelles possibilités d’utilisation de techniques que je connaissais, pris des réflexes pour gagner en efficacité et appris de nouvelles techniques graphiques. Il faut un temps d’adaptation avant de pouvoir être vraiment à l’aise, se libérer et donner le meilleur de soi. Ce temps d’adaptation a été court car mes collègues m’ont tout de suite vraiment mis à l’aise. Ce stage n’a fait que me confirmer mon envie de continuer dans ce domaine de l’image, et de la communication par le graphisme.
49
Agence de communication digitale
Think & Create
conclusion
Grâce à ce stage, j’espérais pouvoir toucher des projets que je n’avais encore jamais eu la chance d’expérimenter, et de pouvoir être aidée et dirigée par des professionnels. Je voulais aussi découvrir une façon de travailler plus spécifique au milieu, voir comment était géré le travail, le timing, et la communication entre les différentes personnes de l’entreprise, notamment entre les créatifs et les développeurs.
Le fait de mettre à profit les connaissances acquises pendant ma formation m’a permis de me rendre compte que les attentes entre l’école et le monde du travail ne sont pas les mêmes. Que ce soit dans la gestion du temps, les rendus à faire, la communication interne, cela diffère vraiment par rapport aux compétences que l’on nous enseigne. Le stage est en fait la poursuite des connaissances appréhendées tout au long de cette année de Licence Professionnelle, il vient cloturer un cursus, qui je l’espère, me permettra de faire de cette passion mon futur.
Être dans cette agence digitale fut une nouvelle expérience, en effet, je n’ai commencé le domaine multimédia que cette année. C’était l’opportunité, pour moi, je mettre à profit les connaissances acquises durant ma formation mais aussi de les développer et d’en apprendre de nouvelles. Le seul regret à avoir, c’est que le stage m’a paru trop court. J’ai eu l’impression de partir au moment où je commençais à vraiment m’améliorer. Ce qui est assez frustrant, je dois l’avouer.
Effectivement, à la suite de ce stage, j’espère pouvoir trouver rapidement un travail dans ce même domaine, afin de continuer à m’amuser dans ce monde graphique qui me plaît tant.
50
Agence de communication digitale
Think & Create
Agence 148