EISINGER Gary Avril - Mai - Juin 2011
Rapport
De Stage
Stage effectuĂŠ au sein de
Adapt design & Advertising
Adapt Design and is...
A
dapt Design and Advertising was born in 1997 by Peter Langdon and is based on Channel Islands in Jersey. She is one of fifteen branches located between the island of Guernsey and Jersey. The exact figures are unknown because SEO is not very good. So Adapt Design is an agency which is fourteen years old, which was built for the founder Peter Langdon, who could not stand the light contact in large agency where he worked as a graphic designer. The agency is managed by Peter Langdon and Sue Langdon his wife. There recently, for months to be precise there is a graphic designer and webmaster in their team, Christof Reed.
A
dapt is particularly concerned with local work on logos, brochures, advertisements in the local newspaper, websites, and I witnessed during my probationary period as the French were using them. But basically, their work remains with In Design and Illustrator software tools. The structure is located in the Saint Helier’ heart, at Vine street, the street parallel to King Street which is the busiest street of the island, with its many shops. The office is large enough, and could accommodate other employees with offices rearrangement.
1
Adapt design & Cardoons
Also, Adapt is...
T
here is an office dedicated primarily to Cardoons, a company that Peter and Sue Langdon began a year ago. It’s a business of greeting cards with originality to use balloons to represent some rounded forms (ball bowling ball). We can find Cardoons on the cardoons.co.uk website, and on its Facebook fan page. Recently, Cardoon was rewarded at the Salon of the Greeting Card at London.
2
Stage 2011 Sommaire
Adapt Design & Advertising
p.1-2
Le tournois.org
p.4
Brochure UBS
p.5
p.7
Cardoons
p.8
Portfolio Graffiti
p.6
Logo Peter Trenchard
Logo Cardoons colourins
p.9
Template Colourins
p.10
Adapt design Ford Fiesta
p.11
Webdesign Pet Cabin.je
p.13
Grab a Gaufre Logo/Menu
p.14
Identité Pet Cabin
p.12
Remerciements L’organisme de la Bourse Explor’a pour son soutient / L’organisme de Crous / L’institut des Administrations d’Entreprise La famille Thornton pour m’avoir logé et avoir partager leur culture Corinne Denis pour son soutien et son aide pour les démarches ainsi que Emilie Dudzic Carole Brandon et Marc Veyrat pour leur soutien et encouragement Mes parents Catherine Chafer et Eric Eisinger
Peter Langdon Managing Director tutor
3
Sue Langdon AccountDirector tutor
Cris Reed Graphic Artist
Stage 2011 Letournois.org
Bordure Orange pour la page d’accueil du site Letournois.org «Il y a toujours un début…»
D
ès mon premier jour dans les locaux d’Adapt Design, après les brèves explications du matériel de sécurité et des gestes à effectuer en cas d’incendie de la part de Sue Langdon, Peter m’a directement donné un petit travail. Ils avaient réalisé un site local sur des événements sportifs locaux (football, rugby, voile, golf) qui se nome « LeTournois.org ». Il avait une modification à faire au niveau d’une barre
de menu sur la home Page du site. Je devais changer la couleur de la barre de menu en orange, puis la modifier pour qu’elle ressemble à celle qu’il souhaitait avoir sur le site. La modification s’est faite sur Illustrator, et l’image de la barre de menu a été enregistré en .png pour ne pas avoir à découper la bordure sachant que le fond du site est d’un couleur différente, j’avais besoin de la transparence conservée par le format PNG. Ensuite Christophe s’est occupé de l’implantation de la nouvelle barre.
4
Stage 2011 UBS
Définition de brochure : Dépliant broché et fermé qui présente un produit ou un service et l’offre commerciale. Une histoire par la mise en page.
5
Sur l’ile de Jersey, et plus particulièrement à SaintHélier, se sont implantées plusieurs banques proposant un service local ou international. Parmi ces banques, UBS, qui demande à Adapt Design de réaliser des Brochures Marketing annuelle pour leurs clients. Peter m’a demandé de réaliser celle de cette
année. La Brochure devait avoir une mise en page similaire à celle de l’année précédente. Elle contenait des photographies de l’ile avec des sujets de photographies très bien pensés par rapport au message donné dans la brochure. Le but était de garder sur la même ligne, toutes les photos sur les six pages de cette
brochure, de la couverture à la 4e de couverture (dernière page extérieure de la brochure). Les éléments photos et textes nous étaient fournis dans un document word. Nous avons eu un problème au niveau de la police que nous ne trouvions pas, car il s’agissait d’une police unique dessinée pour UBS et impossible d’acheter sur
internet. Nous avons donc du trouver une solution avec l’intermédiaire chez UBS pour qu’il puisse nous fournir la police UBSfont. ttf. J’ai appris quelques techniques sur In design dans ce projet vis-à-vis de la mise en page et des outils d’alignements
pour les textes, ainsi que les photos, pour ne pas avoir à mesurer sans arrêt sur toutes les pages du document. Une fois la mise en page terminée, nous avons envoyé un PDF à l’intermédiaire UBS qui nous a ensuite validé le travail, et nous
avons fait une maquette en reliant les pages imprimées en couleurs, proprement avec du scotch, et l’intermédiaire est venu le chercher chez Adapt design.
Stage 2011 Adapt Design
D e t out tu feras. Graffiti pour la page portfolio du nouveau site web d’Adapt Design.
P
Peter souhaitait un graffiti qui paraissait fait à la main, alors que le Logo ADA, avait un look fait par ordinateur, aucune imperfection. Après avoir regardé et fait une veille (recherche et acquisition d’inspiration) sur internet, j’ai pu commencer à faire un p r e m i e r visuel, mais c e l u i - c i était trop « computer look ». j’ai donc gardé certains éléments, et continuer sur un deuxième, qui lui n’était pas assez funky. J’ai alors pris l’initiative de demander plus de détails à Peter sur ce qu’il entendait par « Funky » car nous venons de deux cultures différentes et le mot funky peut avoir plusieurs significations. Après avoir compris qu’il voulait quelque chose avec beaucoup de contours, et des couleurs vives, ainsi que des effets de brillances sur les polices, je lui ai conçu Le logo qu’il attendait. C’était ma première création Graffiti. Le Graffiti a été réalisé sur Illustrator, mais J’ai dû dessiner beaucoup pour arriver à trouver un compromis entre l’aspect manuel et informatique du logo. Les croquis ont été d’une grande utilité, car je perdais moins de temps à dessiner sur papier que sur Illustrator, et je pouvais me rendre compte plus rapidement du rendu final ainsi que les modifications que je devais apporter.
endant mon stage, Adapt design était en train de changer complètement leur site internet, et Peter m’a demandé de créer un Graffiti pour la partie portfolio du site car elle le background (fond de la page web) était une rue nommée Creative Street, et il souhaitait avoir un graffiti « funky » sur le mur avec un logo qu’il avait conçu. Le Logo « ADA » était assez difficile à implanter dans un design de graffiti, car
6
Stage 2011 Peter Trenchard
«The client would like a funky Logo…» Logo sur sticker pour le Photographe Peter Trenchard.
P
eter Trenchard est un photographe qui a une grande notoriété sur les îles de Guernsey et Jersey. Ce photographe souhaitais que l’on réalise un sticker de taille 190mm * 40mm, avec un logo. Ce client a un site internet avec une certaine charte graphique, avec les couleurs bleus ciel, blancs, et du noir, avec une police qu’il a fallue reproduire car le client ne l’avait pas et c’était une police de caractère Helevetica medium 63 modifiée.
PETER TRENCHARD/ /PHOTOGRAPHY
petertrenchard.com/
petertrenchard.com/
PETER TRENCHARD/ /PHOTOGRAPHY
Sticker
Le site comportait aussi des barres obliques. J’ai donc dû créer un logo à partir de ces éléments. Quatre stickers ont été réalisés pour arriver au sticker recherché. Le visuel à ensuite été envoyé au client qui l’a validé et Peter a fait la démarche au près d’un imprimeur pour l’impression des stickers à 300 exemplaires. Le sticker a été créé sur Illustrator.
7
Stage 2011 Cardoons
Le pathfinder est ton ami. Passage en noir et blanc des illustrations Cardoons pour devenir Colourins. 1
1
2 5 4
3
1
7
7 7
6 4
1
4
4
4 3 2 2
1 2
3
2
2 2
2
5
5 5
5
4
7
2
5
1 2
4
5
2 4
2 4
1
4
1
5
5
5
5 5
3
4
5
5 3
5
4
5
2
5 6
5
5
6
4
2
5
5
5
5
3
5
5
5
3
6
5
4
5
4
4
4
5 4
5
3
3
2
4
6
8
5
6
7
2
5
8 6
6
5
Name:
Age:
Name:
P
our ce travail qui consistait à mettre en noir et blanc des visuels de coloriages pour enfants pour l’entreprise Cardoons (qui fait aussi des cartes de vœux originales), j’ai dû utiliser Illustrator et me servir de l’outil pathfinder, et de l’outil d’alignement du logiciel. J’ai dû changer toutes les formes colorées et les modifier en leur mettant un contour noir et un fond vide. C’est à certain moment de cette manipulation que j’ai dû me servir du Pathfinder, outil qui peut être utiliser pour soustraire deux formes, ajouter deux ou plusieurs formes, être utilisé comme pochoir avec deux formes. En effet, en mettant un fond vide
Age:
à certaine forme, je me suis rendu compte que des tracés dépassaient, et qu’ils faillaient les supprimer avec l’outil Pathfinder. Les colourins étaient au nombre de huit. A p r è s l’étape de la mise en noire et blanc, j’ai dû mettre le chiffrage qui correspondait à une couleur différente. Exemple, 1 pour le rouge, 2 pour le bleu etc.
1 1
5
3
1
5
2
5
1 5
5 1
3
3
5
5
5 2
1
2
1
5 1
5
5
5
3
3
2
9
6
7 6
7
6
2
2
3 8
1
3
1
4
2
1
2
3 1
1
1
1
2
1
3
1
9
2
1
3
9
3
9
9
3
5
6 4
4
7
4
8
5
8 2
1
5
2
6 6
1
5
2
2
7
7
1
1
4
8
8
1 4
9
9
Name:
Age:
Name:
Age:
8
Stage 2011 Cardoons
Un logo dans un autre logo… Logo pour Colourins, rester dans l’esprit de Cardoons.
L
e travail qui a suivi la mise en place du chiffrage sur les visuels en noir et blanc, a été de créer un logo Colourins ajouté à celui de Cardoons pour faire « Cardoons Colourins ». La difficulté a été d’ajouter un logo à un style visuel déjà présent. J’ai donc créé plusieurs logos, un avec des couleurs qui coulent sous les polices pour représenter un effet « friendly » (amicale) au logo, avec des couleurs chaudes, que tout enfant a dans sa trousse de feutres. En suite j’ai créé un logo simple, juste en laissant les contours noirs et en mettant le chiffrage dans chaque lettre du logo Colourins. Puis j’ai essayé en gardant exactement le même style du logo cardoons, avec les effets de lumières sur les polices, et en gardant les mêmes couleurs, les mêmes contours. Cette idée Cette idée n’a pas été retenue, car trop similaire au logo Cardoons, alors j’ai repris le premier et enlevé le chiffrage et nous avons validé ce visuel. Ensuite, j’ai dû faire les templates et ajouter le logo à la maquette des templates.
9
Stage 2011 Cardoons
Templates colourins sur la page Facebook de Cardoons.
A
Pourquoi une page facebook ? Créer une page pour une boutique comme Cardoons est un bon moyen de se faire connaître. Le réseau devrait atteindre en effet 600 millions de membres en 2012 et d’amis en amis Cardoons peut toucher potentiellement beaucoup de monde via Facebook. Cela peut être utile pour faire connaître la marque et tenir informés les “fans” des nouveautés concernant Cardoons et de son actualité.
près le travail de la mise en noir et blanc et du chiffrage des différents colourins, j’ai pu faire les templates pour les PDF téléchargeables sur la page fan Cardoons Colourins de Facebook. Il fallait que je mette des cercles avec chaque chiffre du visuel dans un cercle, centré, et aligné par rapport aux autres cercles. J’ai créé une maquette du template sur papier, en essayant de faire quelque chose d’ergonomique tout en ayant le visuel à colorier assez grand pour les enfants et qu’ils puissent voir les chiffres correctement. Une fois le modèle fait sur In-design, j’ai importé les 8 fichiers illustrator sur Indesign dans le modèle et je les ai enregistrés dans un format PDF lisible pour tous, et facilement téléchargeable ou imprimable. Ensuite les PDF ont été transférés sur l’ordinateur de Christophe qui les a introduits sur la page Facebook.
«C’est une autre façon de faire parler de soi et de toucher les amis-desamis-des-amis » et parfois bien plus.»
10
Stage 2011 Adapt Design
Un support différent. Visuel Ford Fiesta Adapt Design
A
dapt design est en train de remettre à jour son site internet, de depuis celui-ci, ils ont gardé un visuel qui leur est propre, une fusée. Cette fusée symbolise le lancement des nouveaux visuels qu’ils font pour leurs clients et de l’innovation. Ils ont donc voulu garder cette fusée pour le visuel du sticker qui serait sur la Ford Fiesta 2010. J’ai ensuite créé un visuel au tour de cette fusée qui devait être dynamique et rester dans le style graphique de l’agence. J’ai donc fait des croquis de la fusée avec une multitude de tracés qui représentaient les traînées de la fusées. Ce visuel a été validé pour un côté de la voiture. En suite Peter à voulu reprendre une illustration de leur nouveau site internet qui représentait un surfer sur une vague avec de l’écume. La signification de cette image est, nous surfons sur la vague de la communication. J’ai donc fait en sorte de mettre cette illustration correctement sur la voiture, et d’y ajouter quelques éléments, comme la fin de la vague sur l’aile-avant de la voiture, car la vague ne continuait pas assez. Il y avait une difficulté particulière, car Peter souhaitait mettre un Qr code après que je lui ai dit que ça se faisait, et que ça pouvait éviter de mettre beaucoup d’informations textuelles. J’ai eu du mal à mettre le QR code sur la voiture, car il le voulait à un emplacement précis, sur l’arrière de la voiture, et la Ford Fiesta ne se prête pas très bien à cet exercice, car la porte du coffre ne comporte pas beaucoup d’emplacement « plats », et pour scanner un QR code, il faut que l’on soit assez proche pour que le téléphone doté d’une application puisse correctement le lire, et que le QR code soit le plus droit possible. J’ai donc trouvé un compromis pour qu’il puisse être lisible en étant dans une autre voiture. Tout ce travail a été réalisé sur Illustrator, et j’ai appris à me servir de l’aide « associer » quand on sélectionne plusieurs tracés, cet outil met ensuite tous les tracés sélectionnés dans un adaptdesign.com T: 731144 même groupe. Il est très appréciable quand on a une multitude de tracés vectoriels sur le calque Illustrator et que l’on souhaite qu’il y ai de l’ordre pour pouvoir travailler. adaptdesign.com
Does your advertising
make waves?
Your creative launch pad
adaptdesign.com
Space.
11
How do you use it to advertise? Your creative launch pad
Stage 2011 Pet cabin
Identité visuel pour Pet Cabin. «Une nouvelle identité de A à Z»
S
ur l’ile, il existe un grand revendeur de produits animaliers,, et de ventes d’animaux. Ce revendeur s’appele Pet Cabin. Ce client voulait une refonte complète de son image, une nouvelle identité. Peter m’a donné ce projet, car il souhaitait que j’élabore de A à Z la nouvelle identité de Pet Cabin en mettant à profit mon imagination et mes idées. Je devais donc commencer à créer un logo et le reste suivrait ce logo. Après trois jours passés à faire une veille sur internet et dessiner une trentaine de croquis pour le logo, j’ai commencé à sortir les meilleures idées des mes croquis, et je les ai concrétisées sur Illustrator. Sur Illustrator ont été réalisés quatre logos différents comportant chacun le message d’une maison pour animaux, avec un aspect friendly. Un seul des quatre a été retenu. Celui choisit est très actuel, et fait penser à une boule de poils en forme de maison, très facile à retenir pour les clients, les couleurs sont vive, et reste dans
l’esprit animalier,animalerie.
Après l’étape du Logo, est
venue l’étape du Webdesign. Je ne suis pas très spécialisé
The pet shop with more
aux directives qui étaient de faire un site internet qui puisse être adapté pour un format Ipad et lisible sur un écran large d’ordinateur de bureau. En effet, avec les tracés vectoriels, on peut les agrandir ou les rendre plus petit à l’échelle que l’on souhaite sans pour autant perdre la qualité de la création. Pour ce webdesign, j’ai donc décidé de faire un site ergonomique et compréhensible de tous. J’ai fait les deux pages qui comportaient le plus de boutons et qui amenaient aux principaux produits que le site propose. La Home page (page d’accueil) et la page shopping ont donc été réalisées.
dans ce domaine, mais j’ai pu me faire plaisir en créant des visuels via Illustrator qui correspondaient à ce que j’avais en tête, et ce que j’avais pu voir sur les blogs de qui sélectionnaient des sites originaux avec un design percutant. Là aussi, plusieurs schémas ont été réalisés avant de commencer sur Illustrator. Il correspondait le mieux
12
Stage 2011 Pet Cabin
Welcome
Le web design de la home Page La nouvelle page d’accueil du site The pet Cabin est inspirée des sites animaliers qui se font depuis 2010, avec une touche personnelle sur le style de l’illustration. Cette page se veut plus ergonomique, avec un lifting de certains éléments comme les boutons avec les animaux qui ont été repensés pour obtenir un monde complet sur lequel on a une meilleure vision de items, et ce à quoi ils correpondent. En faisant ce webdesign, j’ai aussi pensée aux enfants qui pourraient naviguer dessus ,en le faisant ludique.
13
La page d’accueil du premier site web The Pet Cabin.
La nouvelle page d’accueil du site web The Pet Cabin.
Stage 2011 Watersplash Bar
Logo et Menu pour Watersplash restaurant. «Grab a Gaufre ?»
L
e restaurant Watersplash est un restaurant situé au bord d’une longue plage à côté d’un clb de surf. Ce restaurant à ajouter à son bâtiment une partie snack pour la vente de gaufres et de pancakes. Ils ont fait appel à Adapt design pour créer un logo suivant deux slogans que Watersplash nous avait donné. Le travail que je devais réaliser était un logo, et ensuite un menu sur deux formats différents A2 et A3.
Menu “GO FRUITY”
“GO BANANAS”
“GO NUTS”
“GO KOOKY”
Waffle Chantilly Cream Mixed Fresh Fruit of the Day with Compote Choc Fudge Sauce
Waffle Chantilly Cream Banana Slices Mixed Chopped Nuts Choc Fudge Sauce £5.00
Waffle Nutella Chantilly Cream Choc Fudge Sauce Flaked Almonds £5.00
Waffle Chantilly Cream Marshmallows Crushed Brownies Maple Syrup & Honey £5.00
£5.00
Complimentary Powdered Sugar Sprinkles
J’ai donc commencé par une veille sur internet, retenues les éléments qui correspondaient à mes idées, ou qui les complétaient, et j’ai pu commencer à dessiner. Puis je suis passé sur Illustrator pour l’étape de la concrétisation des schémas. Après plusieurs logos créés, avec Peter, nous en avons modifié certain, pour être sûre d’avoir le bon, avec la meilleure image, qui corresponde le plus possible et qu’on dépasse même ce que le client voulait. Après avoir créé le logo, je me suis attaqué au menu. Un support que je n’avais jamais élaboré avant. Mais cela ne m’a pas posé le problème, le challenge a été passé. J’ai donc réalisé sur illustrator un visuel pour le menu avec quatres parties, une partie banane, une partie fraise, une partie marshmallow, et une partie noisettes. Pour chaque partie, j’ai dessiné les fruits pour qu’on puisse reconnaître de loin et créer un lien entre la recette de gaufre et le fruit. Le client souhaitait avoir un menu sur un fond de chocolat dégoulinant. J’ai donc appris à créer ce genre d’effet sur illustrator. Une fois le fond créé, j’ai fait la mise en page avec le nouveau logo, les éléments textuels, et le logo du restaurant Watersplash.
14
Bilan
3
months Later... A
vant d’effectuer ce stage, j’avais dans l’esprit de trouver une agence pas trop grande pour ne pas avoir des projets qui soient longs dans le temps et où on ne peut pas extérioriser notre créativité. J’ai donc ciblé mes recherches sur des agences qui me plaisaient sur leur travail suivant les différents portfolios que j’ai pu voir, et en comparant mon travail et ce que je pouvais faire dans l’agence. En effectuant ce stage, j’ai pu me rendre compte que l’on peut apprendre beaucoup sur notre technique, la façon dont nous travaillons et sur soi-même, malgré que ce soit une agence trop petite, avec un effectif de trois personnes. J’ai pu prendre du recul depuis mon arrivée jusqu’à la fin de ce séjour, Peter Langdon à su me donner des responsabilités sur des projets entiers, et complets, où mes méthodes de travail se sont optimisées (pour exemple, le dessin avant de commencer une création print, une maquette de site web ou une composition d’image). Cela m’a permis de gagner du temps sur mes projets. J’ai surtout travaillé avec le logiciel Illustrator, car l’agence fait beaucoup de print (affiches, brochures, flyers, annonces). J’ai donc considérablement compléter mes compétences sur Illustrator ; ce qui me rend actuellement polyvalent sur Illustrator, Photoshop, In design, Blender 3D et Cinéma 4D avec une spécialisation 2D / 3D. Du côté de l’agence, je leur ai apporté ma culture, ma façon de voir, mon œil critique, ce qui n’a pas été évident ni pour eux, ni pour moi au départ, car nous venons d’une culture différente, et j’ai pu remarquer qu’il y avait une grande différence au niveau du développement des supports de communications sur l’île de Jersey par rapport à la France, et même l’Angleterre, ainsi qu’au niveau prise de risque. J’entends par prise de risques, essayer de communiquer différemment, avec de nouveaux supports tels que les nouveaux médias, les médias sociaux, utiliser des Qrcodes, ou encore créer des visuels qui ont plus de sens cachés. Et c’est avec plaisir que vers la fin de cette expérience, je pouvais voir comment ont pu évoluer les choses. Peter Langdon s’intéressait d’avantage aux applications qu’il pourrait imaginer pour de futures campagnes publicitaires pour ces clients, ainsi qu’au support Ipad pour les sites internet. Je ressors de cette expérience de stage à l’étranger grandit, avec une plus grande ouverture d’esprit, une capacité à m’adapter et m’intégrer dans un lieu inconnu, ainsi qu’une plus grande confiance sur mes capacité à gérer un projet, de son début jusqu’à son achèvement, et bien sure, la capacité à m’exprimer dans une autre langue, celle de l’Anglais. Ce Challenge me sera d’une grande importance pour les années à venir, et pour mon objectif de carrière qui est d’être Directeur Artistique, et à terme, Directeur de Création ou gérer ma propre entreprise.
15