R A P -P O R TD E S T A -G EK O N -F I T -U R E

Agence de communication visuelle :Julien-Antoine BoyavalMaxime LepersChristian et Antoine.ROUBAIXTél. : 03.20.27.08.56

du 12 au 23 septembre 2011par ARNAUD CHAUVEAU.

2

D urant ces deux semaines, j’ai participé à de nombreux projets tous différents. Naviguant entre magnets, web, en passant par les cartes de visite, chevalet, et papiers en tête.J’ai beaucoup appris sur les techniques de mise en page sur Indesign (ou Photoshop pour les sites internet). Plus de rapidité et de rigueur. Toutes ces petites choses auxquelles on pense sans que ce soit forcément un réflèxe. Maintenant, ça l’est.En plus de cela, j’ai travaillé sur différents types de formats. Comment choisir un tel ou un tel, dans quelle utilité, pour quoi faire, etc, dorénavant je sais quelle subjectivité chacun d’entre eux renvoient, et quelles significations ils entretiennent.

RAPPORTDE STAGEKONFITURE

4

KONFITURE,

TU L'AIMES

OU TU LA QUITTES.

BREF, UNE BONNE

ÉQUIPE, UN STAGE

COURT MAIS ÉTOFFÉ,

PEU DE CRÉATION,

MAIS BEAUCOUP DE

TECHNIQUE.

RIEN À AJOUTER.

MERCI.

C ’est l’histoire de deux frères. L’un architecte, l’autre directeur de création. Ensemble, ils installent leurs bureaux dans un loft commun, aux couleurs locales. Ambiance industrielle, lilloise, très épurée, et respirant la lumière.Julien-Antoine fait partie de ces deux frères. Directeur de création, il est à la tête de l’agence de communication roubaisienne Konfiture. Il est accompagné de Maxime, associé, graphiste, photographe et co-gérant, Christian, graphiste et développeur web, ainsi qu’Antoine, développeur web.Ces accros du code HTML, du ping-pong, des kébabs et du café, en sont à leur troisième année de fonctionnement, et gardent une optique non conformiste, dynamique, optimiste, et vont de l’avant.C’est un concept en perpetuel essort, se créant de jour en jour.Ils n’adoptent pas un graphisme représentatif de leur agence, ils s’adaptent aux clients et ne sont sûrement pas égocentriques à l’idée de l’impliquer dans leurs productions. Ils sont minimalistes et attentifs à la demande.

Konfiture a été depuis peu nominé pour un prix CSS, c’est beau non.Ils sont là et on le sait

À PROPOS

DE KONFITURE :

6

Julien-Antoine Boyaval,

directeur de création et

responsable au sein de

l’agence.

C oncernant les types de clients, ça reste très éclectique, du grossiste en tissus, au Flunch, en passant par la styliste du coin, à un revendeur de mobilier hors de prix.

Carte de visite,

carton d’invitation.

8

CHEVALET

LEAFLET

MAGNETS

CARTES DE VISITES

PAGE EN-TÊTE

SITE INTERNET

10

18

26

30

34

38

Tapis à souris

MADE IN

Konfiture.

10

L es plus gros projets auquels j’ai participé sont ceux pour le client Elior Concession.Elior est une chaine de restauration.Pour leur communication interne, le client à demandé un remaniement de l’ancienne version du chevalet présentant la situation du handicap dans le milieu de la restauration.Version 2011-2012.J’avais le texte, les chapitres, la hiérarchie, les images ; il ne restait plus qu’à faire quelque chose de rigoureux et d’organisé. Traiter cette hiérarchie par des styles de paragraphes déterminés au préalable, une mise en page structurée et forte, le tout suivant une charte graphique (empagement, couleurs, typographie, etc).

CHEVALET :

ELIOR

CONCESSIONS

ABCDEFGHIJKLMNabcdefghijklmnopqABCDEFGHIJKLMNOPQRSTabcdefghijklmnopqrstuvwxy

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

60

40

25

20

10

6

Police Elior,

conçue pour

l'entreprise.

12

UNE

HIÉRARCHISATION

RIGOUREUSE,

AVEC DES STYLES

DE PARAGRAPHE,

REPÈRES,

MISE EN PAGE

ET EMPAGEMENT,

TOUT EN SUIVANT LA

CHARTE GRAPHIQUE

DE LA BOÎTE.

14

2/3 X2/3 X

2/3 X

X=1/25 H

2/3 X Bandeau Elior,

déterminé par

la surface du

document, suivant

la charte Elior.

Camélias Elior,

positionné selon

l'échelle du

document, avec

une opacité

déterminée par la

charte graphique.

Logo Elior, jamais

en monochrome,

avec le camélias

en rouge ou bleu.

Aussi les couleurs

sont déterminées

par la charte.

Utiliser un code

couleur pour

repérer la fonction

des encadrés et

de leur contenu.

Code couleur pour

"exemples",

"chiffres",

"listings",

"en pratique".

16

Mise en place

de la charte

graphique

Elior, ainsi que

des styles de

paragraphe

nécessaire à sa

hiérarchisation.

Alterner

1 page textes,

1 photographie

pleine page.

18

L e second projet pour ce client est un leaflet à deux volets. Même utilité. Présenter rapidement le handicap dans le milieu de la restauration, avec des chiffres, témoignages, et rapports de situations.La contrainte était de suivre la charte graphique d’Elior et d’incorporer une illustration horriblement kitsch à mes yeux. Une épreuves des plus compliquées.Je suis partis sur le concept du Braille, du cercle, de la difficulté à lire. Concept rejeté, pour quelque chose de plus professionnel, épuré et objectif.

LEAFLET :

ELIOR

CONCESSIONS

20

POUR CE LEAFLET,

TOUJOURS SUIVRE

LA CHARTE

GRAPHIQUE, AVEC

EN CONTRAINTE

UNE

ILLUSTRATION,

ET EN ADOPTANT

UNE MISE EN PAGE

OB JECTIVE.

22

Le mur des lamentations.

24

Proposition sur

la difficultée pour

lire, le cercle.

Ébauche du

concept, qui sera

abandonné par la

suite.

Proposition plus

sobre et mieux

structurée,

acceptée par le

service interne

d'Elior.

Proposition

finalisée en mon

absence.

26

D es magnets pour une nouvelle signalétique de Flunch.4,25 cm de côté, c’est petit.Le magnet doit être extrèmement lisible pour pouvoir le retenir plus facilement, c’est un objet publicitaire.

MAGNETS:

FLUNCH

LE MAGNET DOIT

ÊTRE LISIBLE POUR

ÊTRE RETENU.

C'EST UN OBJET

PUBLICITAIRE DE

4,25 / 4,25 cm.

28

Demande 2 :

coups colorés de

pinceau sur fond

typographique.

Demande 1 :

valeurs de

l'entreprise sur

fond coloré.

Deux demandes différentes, une seule retenue :

échelle 1/1.

30

F aire la suite de cartes de visites pourAccord Healthcare.Suivre la même structure, les mêmes polices, tailles de caractères, etc.Format de cartes de visites : 85 / 55 mm.

CARTES DE VISITE :

ACCORD

HEALTHCARE

LES C ARTES

DOIVENT SUIVRE LA

MÊME STRUCTURE,

LES MÊMES

POLICES, TAILLES DE

CARACTÈRES, ETC.

FORMAT 85 / 55 mm.

32

échelle 1/1.

Même structure

que les

précédentes, avec

fond perdu et

traits de coupe.

34

R efaire la page en-tête pour un grossiste en tissus. Retrouver la souplesse de la typographie à travers la nouvelle présentation.Rigueur de mise en page avec utilisation de trois Pantone, lignes de base.

PAGE EN-TÊTE :

LES

ÉTABLISSEMENTS

NAJBERG

RIGUEUR DE MISE

EN PAGE, AVEC

UTILISATION DE

TROIS PANTONES,

ET DE LA LIGNE DE

BASE. PENSER À

L'ADMINISTRATEUR

QUI Y TAPERA SA

LETTRE, ET CELUI

QUI LA REÇEVRA.

36

Propositions de

pages en-tête

pour Najberg.

Rester simple et

efficace, penser à

l'administrateur

qui tapera son

texte après

nous, penser aux

marges.

38

E nfin, un projet de site internet pour une jeune styliste qui vient de s’installer à Lille : Genna.M. Esthétique vintage, art déco, dans le style de Mucha.Utilisation d’une grille de mise en page type. Travailler en 100 %, pour une meilleure visibilité de ce qu’on fait sachant que les écrans n’ont pas la même résolution et donc les objets peuvent disparaître dans le hors-champ.L'esthétique vient après.

SITE INTERNET :

GENNA.M

TRAVAILLER EN

100 % AVEC UNE

GRILLE TYPE.

STRUCTURER LA

PAGE ET S'ATTAQUER

À L'ESTHÉTIQUE

ENSUITE.

40

Logo Genna.M

18 rue des Trois Molettes, 59000 Lillegennameyer@yahoo.fr.

42

111

2

3

4

56

7

8

9

10

AM

B D E

GHK

J

I

L

C F

44

46RAPPORT DE STAGE CHEZ KONFITURE.

Édition et photographie : Arnaud Chauveau

Impression : Icônes33 rue Ingénieur Winter56100 LORIENTTél. : 02 97 87 14 50Fax : 02 97 87 14 54www.icones.fr

Polices utilisées dans cet ouvrage :DIN, AW Conqueror Didot.

48

K