2016-2017
Best works
QUENTIN CHAPELAIN GRAPHISTE / WEB DESIGNER +33 6 37 96 65 46 QUENTIN.CHAPELAIN@GMAIL.COM
4
PRINT - ÉDITION
À l’origine de ce portfolio, l’envie d’un regard rétrospectif sur une sélection de projets que j’ai réalisé ces deux dernières années. Mais aussi l’envie secrête de dégager de cet ensemble diversifié une unité de style. Je suis graphiste et UX designer, je crée et je développe des projets de différentes échelles (grandes entreprises & jeunes startups).
6
IDENTITÉ VISUELLE
24 WEBDESIGN APPLICATION
18
PHOTOGRAPHIE
Ma démarche créative commence en amont par l’étude marketing, de la recherche utilisateur à la conception graphique sur les supports d’Édition Print ou WEB (site web & applications). Ma mission principale est d’enrichir et d’inscrire dans la durée les marques, de concevoir leurs identités visuelles sans jamais perdre de vue la réalité de leurs marchés. Parallèlement au travail de commande j’ai poursuivi une recherche personnelle autour de la photographie pour explorer d’autres modes d’expressions.
4
Print - Édition
Vinci - Sogea-Satom
CONCEVOIR
Sogea-Satom filiale de Vinci souhaitait réaliser un ouvrage anniversaire pour les 90 ans de son engagement en Afrique. C’était l’occasion de montrer un siècle d’histoire et d’innovation en placant l’humain au centre de l’approche visuelle.
CRÉER LES GABARITS
VINCI
METTRE EN PAGE RETOUCHE PHOTOS
Print - Édition
OutreMer LE MAGAZINE DES 3 OCÉANS
LE PROJET D’ENTREPRISE
ACTUS CHANTIERS
GRAND ANGLE
FOCUS PROJETS
Les cLefs de La réussite, par phiLippe GouLLey
en cours et à venir
L’essor des stations d’Épuration
nos savoir-faire à L’honneur
Vinci - Outremer L’implantation sur 3 océans (Indien, Pacifique, atlantique) de Vinci Dom-Tom a conduit à créer une revue corporate à destination des dirigeants des entreprises membres du groupe. L’objectif était de valoriser la stratégie du groupe et de féderer autour d’un projet d’entreprise global.
CONCEVOIR LA CHARTE INFOGRAPHIES
N°11
avriL 2016
REFONTE DE LA REVUE D’ORIGINE
VINCI
Print - Édition
R&N Reflets et Nuances Revue professionnelle de l’Union des peintres - 4 numéros annuels, Cette revue se devait d’être réprésentative de l’évolution du métier de la Finition. L’axe graphique reflète la part créative des métiers des peintres et soliers : lumière, couleurs énergisantes…
N UNIO NNELLE SIO FES ÉTIERS N PRO M DES FINITIO DE LA
ES AL D N T IO N IO E N A D E L’ U N E S D U A IR S A N N E P R IS E N E L L E IO N N R E N T E S S IO LA FI N IT F P R O RS DE IE MÉT
CONCEVOIR CRÉER LES GABARITS METTRE EN PAGE
R S T I E SOL M É NT DE
L A DE
LA
E U V U T D R E TURE E
2016
P E IN
FICH
E PRA TIQU
RECHERCHE ICONOGRAPHIQUE
E S D E REVÊTEM
E PEIN TU ET RE RES V FONC ÊTEMENT S T D1, D ION DÉC ORAT 2, D3 IVE REMIS
E DU
CHAN
EXTÉ
Les su de mi bjectiles à se de tou en œuv peindre do re te vé gétat (échafau ivent être Les tra da ion co ac mprom ges, manu cessibles conc vaux et ins ten ettan ernés tallat t cette tion, ap au matériel . ions pli acce des au L’état ssibil cation) et des su tres co ité. déga (artic bje rps d’é gés le ctiles tat so sans 5 du NF nt pr DTU est confo autre otégé 59.1 P1rme au s trava du NF s par ux 1) x DTU les co 59.1 P1- préparat et au degré exigences rps d’é Une oires 1. faç tat et d’a de finitio correspon que si ade plâtre pprêt n souh dant à leu que ce ait aérie elle est co ne peut êtr ux pré é par le ma r nature nne, vus à sable nstituée d’u e revêtu ître d’ouv l’artic e selon Un lie rage, le 6 propo n mortier d’une peint u supé de stock de rtio ure plâ ns du rieur es à age des pro NF DT tre « typ à fonction 35°C e dé U du pa 26 co . its do ris rat .1) ref it être ait int ien » (plâtr ive, prévu égral , à l’a emen e gros, ch bri du aux t à ne uf. gel et des tem pérat ures
ENVIR
ONN
Temp éra ambia ture nte et subje du cti entre le comp 5 et 35 rise °C Hygro mè ambia
trie nte eure à 80
inféri
%
TIER
AU P E
INTR
EMEN
T
Subj sec etectile sain , prop re Taux d’h
masse umidité en pour inférieur les su à béton bjecti 5% les , et mo maçonneri rtier plâtre e
Temp s à l’abri sec, et du du vent rayon direc t du so nement leil
Synd icat des pein national des tures, endu industries its et vernis
HORS SÉRIE s
aire arten
6
ints s p e es po F L ente d L’UPMes de v annuaire l’ s ri e p d e entr ition 0 0 0 de fin
PROF UNION ESSI ONN DES ELLE DE LA MÉTIERS FINIT ION
RIEU
FAÇA D
ES béton maço nn mortie erie r plâtre
E
REFÉ RE NF P7 NCES 4(NF DT 201 U 59 .1) & FIC HE TECHN S PROD IQUES UITS
R
Print - Édition
FRANCIS LEFEBVRE FORMATION
FLF Entreprise leader de la formation juridique et comptable en France. Le catalogue présente l’offre gloabale des 450 formations annuelles. La contrainte est d’apporter un maximum d’information dans un espace très limité : d’où grille de lecteure très structurée et codifiée. Par ailleurs un cahier d’ouverture plus corporate permet de développer une image humaine et d’introduire le nouvel axe de communication autour de l’incarnation du fondateur : Francis Lefebvre.
CRÉATION D’UN NOUVEL INSIGHT CHARTE DES SUPPORTS DE COMMUNICATION CRÉATION DES SUPPORTS ÉVÈNEMENTIELS
Print - Édition
Édition de Minuit Proposition de création d’une nouvelLe collection pour la maison d’édition : Edition de Minuit. L’axe graphique a été de développer un lien physique entre le masque et le visage pour suggérer le lien entre l’illusion et la vérité.
Les d
Les dé
-fo rm
ÉTUDE MARKETING
ati
on
DE
s
S
CO
RP
S
STRATÉGIE DE COMMUNICATION
Les d Fic tio n un PR SA LA TÉ PA
S F A
OV
NS
VÉ
MO
IN IR
TÉ
AB E.
d’i cit. déal et E
AT
NN
UR
AI
D’U
SE
C’E
N
NT ST
TR
ET
E
VO DE
L’ I
LIB
; C O YA LU
NT
ÉR NN
GE I-M
ER
RO
AT AI
DA ÊM GA
E.
YA
NS
GE
SA
R S A
co rp
s
NS
é-f or ma tio ns DE S CO
S
RP
OR
PS
S
est
SE de VO MM DÉ IR venu AG PL ; T IN AC AI RI TIG ER RE CH UÉ ; É . E ER CH XP DE N S SA AN ÉR NS L’A UR GE IEN CT ME L’ E R CE E NT XP DE D’U IR RE FA N SS ; CO IR IO E RP N D OU S ’ÊT DE RE NE .
FA
TIO
Z
NO
TO MB ER
UIT
SE
MIN
IS
DE
SA
L’ I
LA
NS
R ; VO
E
, Le
Co PI E R mm RE ent BA Y A parle De RD r de A N la Fat -L s lieu Le Co O U I S igu e x où CH RÉ l’on D E rps TIE n’a R E et N I C H ses pas LE fictio été R ns ?
ITIO
O U D’ V R D U ÉVA A G E C O SIO S R P N
ur
JE
ÉD
EU
pe
AU
LES
de
TR
NS
34, 50 FRA € TTC NCE
MA SQ UE
LA
S
CL
LES
ÉD
ITI
ON
DE
SD
UT
É
IS
SE
Z
TO
MB
ER
LE
S
MA
SQ
UE
S
Com
me RE B A nt p a Y la F A R D rler de a s lie O U tigu IS ux o e CH ù l’o RÉ TIE s nn R E et N ’a p I C H ses as é LE fi ctio R té ? ns
ER
De
AN
-L
Le C
AU
EA
S
PI JE
n1o5 vem br e
UV
LE
CONCEPTION DES AFFICHES
3
Ré
OC
CO
RI
CL
LIGNE GRAPHIQUE DE LA COLLECTION
é-f or ma tio DE ns S C
orp
EM
INU
IT
3
O U V R A G E S D’ ÉV AS IO D U N C O R P S
ÉDITION DE MINUIT
Print - Édition
Ministère de l’environnement Création d’une charte d’édition de l’ensemble des ouvrages techniques émis par plusieurs organismes de la construction. RAPPORT
CONCEVOIR CRÉER LES GABARITS METTRE EN PAGE ÉVOLUTION DE LA CHARTE
PROGRAMME D’ACCOMPAGNEMENT DES PROFESSIONNELS
« Règles de l’Art Grenelle Environnement 2012 » www.reglesdelart-grenelle-environnement-2012.fr
ANALYSE DÉTAILLÉE DU PARC RÉSIDENTIEL EXISTANT
REC P R OMM OFE A S S NDAT ION I N E ONS LLE S
APP A DIVI REILS D S E N H É À B Û C E C H AU F FAGE — A B I TAT H E S INDI VIDU EL
r aPP o rt
— SEPTEMBRE 2016 - VERSION 1.0
SE
PT
EM
BR
E2
015 -
VE
RS
ION
CALEPIN DE CHANTIER
1.0
PROCÉDÉS D’ISOLATION THERMIQUE EXTÉRIEURE PAR ENDUIT SUR POLYSTYRÈNE EXPANSÉ —
Mise en œuvre des rupteurs de ponts therMiques
IQUE
CHN
G ICRO- R M À I È R E S À M OT E U D U A CH ATION ITAT R É N É COG G EN HAB IN STIRL UEL ID INDIV
Duis
UF
SIO VER
O
T VA
IO
N
SEPTEMBRE 2015 - VERSION 1.0
• N E U F • R É N O V AT I O N PR
OG
RA
l NEUF l
MM
ED
’AC
TIO
NP
OU
ON TI
O RÉN
VA
TIO
N
RL
AQ UA
LIT
VA
016
RE 2
EMB
• NE
sePt eMbre 2012
N 1.0
T SEP
•
autem vel eum iriure Dolor in henDrerit
in vulputate velit esse molestie
N RÉ
NO
—
sous Avis techniques
• RÉ
TE UIDE
ÉD
EL
AC
ON
ST R
UC
TIO
NE
TD
EL
AT
RA
NS
ITIO
NÉ
NE
RG
ÉT
IQU E
UF
PROGRAMME D’ACTION POUR LA QUALITÉ DE LA CONSTRUCTION ET DE LA TRANSITION ÉNERGÉTIQUE
•
NE
NE
CTIO
DE LITÉ
M
GRA
PRO
UR
N PO
CTIO
D’A ME
UA LA Q
TRU ONS
LA C
LA T DE
ION
NSIT
TRA
ÉNE
RG
UE ÉTIQ
MINISTÈRE DE L’ENVIRONNEMENT
Print - Édition
Dunod
CONCEVOIR
La collection « J’intègre » est une des collections phares et historique de Dunod. L’objectif de cette refonte des couvertures est essentiellement de moderniser la maquette.
CRÉER LES GABARITS
DUNOD
19
IDENTITÉ VISUELLE
Nodus Jeune start-up de produits nautiques (attaches techniques) située en Bretagne. L’objectif était de créer son identité visuelle en vue de son déploiement sur internet, de la commercialisation de ses produits et de sa promotion (jeux, réseaux sociaux).
CHARTE GRAPHIQUE PACKAGING HABILLAGE RÉSEAUX SOCIAUX
NODUS
IDENTITÉ VISUELLE
Francis Lefebvre Formation Création d’un insight consommateur : «Je cherche un accompagnement sur mesure» pour porter une nouvelle image de marque plus adaptée à la cible FLF. Conception de toutes les déclinaisons Print (catalogue, affiches), des goodies et de la signalétique pour 2018.
ONNE UNE B TION A FORM D’ABORD C’E S T P E R T UN EX E ÉCOUTE * R À VOT
CONCEPTION DE L’AXE DE COMMUNICATION SIGNALÉTIQUE CHARTE GRAPHIQUE GOODIES
AVEZ-VOUS PENSÉ AU DIGITAL POUR VOUS FORMER ? NOUS, OUI*
v o t re l é ro n s
exper
tise
éliorer tions. olu pour am cesse r et à ses évnnellement s sans ie novon à votre mét nons perso. in us . No nnectés mpag fessionnel el co ti n ac e pote sommes co vous vous ement pro ler votr ss us ous n : révérmation. No éoriques, n tre épanoui vo th fo ambitio Notre périence de nnaissances pétences et m co votre ex-delà des s gains de co Bien auptimiser vo pour o
A ccé
*
*
Vou s form pense z a par tion pa qu’une l’hum s b Nou ain ? se d’ab onne ord s, a u
Not re votrambitio e inno potentn : révé le vo expé pour amns sa iel. Nou r Nou rience éliorens cess s e s de r à vosommes formatvotre tre m co nn ion. delàévolutio étier et ectés ns. Bi à se de théo s conn s en riq vous ues, aissan aupers acco nous ces vo on m optimnellem pagnonus s ise ent votr de com r vos gapour e ép péte anou nces ins prof issem et essio ent nnel .
ssi *
A cc
élér
ons
votr
e ex
per
tise
Accélérons votre expertise ambition : révéler votre potentiel. Nous innovons sans cesse pour améliorer *Notre votre expérience de formation. Nous sommes connectés à votre métier et à ses évolutions.
Bien au-delà des connaissances théoriques, nous vous vous accompagnons personnellement pour optimiser vos gains de compétences et votre épanouissement professionnel.
#211F5D
#E42312
FRANCIS LEFEBVRE FORMATION
IDENTITÉ VISUELLE
GITY
ÉTUDE MARKETING
Entreprise de potagers connectés
COPIE STRATÉGIQUE IDENTITÉ VISUELLE DÉCLINAISON GRAPHIQUE TROUVER LES PARTENAIRES
GITY
IDENTITÉ VISUELLE
1
LE CO
NTEX
TE
2 LE P RO
JET L
IFEBA
3 RE COMM
NG
ANDAT
LIFEBANG Projet de mastère sur la préservation de la Biodiversité. Lifebang.org est un projet de plateforme de crowdfunding pour les initiatives de préservation du vivant.
4 ST RAT
RATÉG
ÉGIE D
5
ATION LE CONTEXTE
GIE DE
S MOY
NTEXT
E
690
BIODIV
IDENTITÉ VISUELLE
NACÉE BIODIVERSITÉ ME
’ESPÈCES EXTINCTION D PAR SEMAINE
ENS
ERSIT
COPIE STRATÉGIQUE
IQUE
E CRÉ
STRAT É
LE CO
ÉTUDE MARKETING
ION ST
É MEN
ACÉE
DÉCLINAISON GRAPHIQUE
LE PROJET LIFEBANG
AGIR POUR LA BIODIVERSITÉ
Lifebang.org
1 ESPÈ CE DISPA RAIT T OUTE
LES 20
PERC
EPTIO
MINUT
Déçus pouvo par les irs pub lics
ES
N DES
FRAN
ÇAIS
Les a sont le ssociations s mieu x plac ées
7/10 6/10 https://w ww.veri V%C3%8 table-p otag 9RITAB LE-POTA er.fr/wp-con tent GER-NO V-2015 /uploads/20 15/11/CP .pdf -LANCE
MENThttp://w ww.fran simplece5.fr/e phenom mis ene-ou- sions/la-quo nouvell tidienne e-manie /a-la-une re-de-co /le-do-itnsomm yoursel er f-diy
-
LE C
ONT
EXTE
Haus s cons e DU N tante O
UN S
ECT
EUR
DYN A
D’ON MBRE G
MIQU
E ROW
LES C
t aissen Conn unding f d w le cro
7/10
IS
ANÇA
RS FR
DE DFUN
cer finan itent s Souha ojets vert r des p
25%
LIFEBANG
NT-
CEME
P-LAN
5/11/C
ds/201
loa ent/up p-cont ger.fr/w V-2015.pdf e-pota ER-NO eritabl www.v POTAG https:// 9RITABLE%8 V%C3
y-
self-di
it-your
/le-do-la-une er enne/a quotidi -consomm -de ons/laaniere /emissi nce5.fr nouvelle-m ww.fra ouhttp://w enomene-ph simple
IDENTITÉ VISUELLE MISE EN SITUATION DU LOGOTYPE
PROJET IESA
Graphic chart
KRANK
10
TYPOGRAPHIE
Graphic chart
Krank Commande d’une entreprise auprès de l’IESA pour la réalisation de leur identité visuelle et la refonte graphique de leur application mobile.
DE KRANK PRO JET IESA
Bemio itali
IDENTITÉ VISUELLE
Typographie
DÉCLINAISON GRAPHIQUE
c
du logo
REFONTE GRAPHIQUE DE L’APPLICATION
4
AaBbCc 123456
ABCDEFGHIJ KLMNOPQR STUVWXYZ abcdefghijk lmnopqrstuv wxyz
Museo Sans
Titrage H2
700
AaBbCc 123456
Museo Sans 30
0
Texte courant
PRO JET IESA
5
AaBbCc LOGOTYPE ET USAGE 123456 Graphic chart
ABCDEFGHIJ KLMNOPQRST UVWXYZ abcdefghijkl mnopqrstuvwx yz
GRAPHIQUE
UTILISATION SUR FOND ICONO
ABCDEFGHIJ KLMNOPQRST UVWXYZ abcdefghijklm nopqrstuvwxyz
cipalement Le logo sera prin profond bleu utilisé sur un e ce bleu turquois avec une poli
teintes fluo les différentes es n les supports sur les contrast Cependant selo ciées entre elles en jouant asso pourront étre IESA PROJET
8
Graphic chart
DEUX UTILISATIONS PRÉCONISÉES Effet de trame ou sur image 40%
MISE EN SITUA TION DU LO
d’opacité maximum
Graphic chart
GOTYPE PRO JET IESA
CARTES DE VISITES Graphic chart
PROJET IESA
9
ENVIRONNEMENT CHROMATIQUE ET PICTOGRAPHIQUE Graphic chart
PROJET IESA Coralie Quesada Quentin Chapelain Fan Liuru
PROJET IESA
3
15
IDENTITÉ VISUELLE
DEUTSCHE GRAMMOPHON
ÉTUDE MARKETING
Entreprise historique DG souhaite redéfinir son image de marque et étendre ses gammes autour de trois marques filles. L’objectif était de créer son identité visuelle, sa signalétique et sa stratégie commerciale.
COPIE STRATÉGIQUE IDENTITÉ VISUELLE DÉCLINAISON GRAPHIQUE
DEUTSCH GRAMMOPHON
IDENTITÉ VISUELLE
MÉLI MÉLO DE LOGOS
19
WEB
GiTY.fr
APPLICATION MOBILE
6.1 Wireframe Connexion APPLICATION MOBILE
APPLICATION MOBILE
6.1 Wireframe Connexion
6.2 Wireframe Connexion - config
26
Gity Création du site Web et de l’application mobile de GITY. 12
TEST UTILISATEUR WIREFRAME INTÉGRATION
26
2
UPMF
WEB
Filière peinture anticorrosion
CHARTE GRAPHIQUE DU SITE SUIVI RÉALISATION DU PRESTATAIRE DÉVELOPPEUR
Organisme réprésentatif de la filière.
CLUB ALLIANCE PEINTURES Le Club Alliance Peintures est un lieu d’échanges entre les entreprises membres de l’Union professionnelle des métiers de la finition et leurs fournisseurs partenaires.
CONCEPTION GRAPHIQUE DU SITE VITRINE
FPA.fr
SUIVI SITE (MISE À JOUR MENSUEL) RECHERCHE ICONOGRAPHQUE
WEB What you get
What you do
Krank
CONCEVOIR L’APP
Application mobile de Krank
EXPERIENCE UTILISATEUR
Sport iconography. 2+ peoples. Progress iteration.
Artist iconography. Concept explanation. Get to the point ! Direct & energic wording.
TEST UTILISATEUR ZONING-WIREFRAME CONCEPTION GRAPHIQUE
APPLICATION SCREENS - LOGGED-IN USER’S PROFILE Graphic chart
PROJET IESA
19
Alternatives catch sentences - Discover new challengers to bring you passion forward. - Krank together ! Challenge and compete with your friends.
TAP ON THE CONTINUE BUTTON
APPLICATION SCREEN - LOGGED-IN USER’S PROFILE Added functionality
PROJET IESA
Graphic chart
20
Top navigation Visual start with Krank Logotype. Search user in text field Menu (functional list of the main features, user settings and preferences).
Profile summary Modification tool. Automatic geolocation. Friend can access to your hobbies diary.
User gratification Achievement title. Trust rank is now on main profile.
Fast access to your hobby Chosen hobbies. Add a new hobby.
Bottom navigation Notification. Friend list. Vote. Chat. Profile.
TAP ON THE PHOTOGRAPHY ICON
No more previous screen to vote
Get to the core of the app with just a tap
Added functionality
KRANK APP
WEB LIVE VIDÉO
PLAYER FIXÉ SUR TOUTES LES PAGES
CHARGEMENT
PAGES ARTICLES
CONNEXION
LIVE
PLEINE PAGE
CLIP & BULLES
ÉMISSIONS
AGENDA DES SORTIES
ONE SONG, ONE ARTIST
LE BAR
REVEIL
MISE EN VEILLE
MON COMPTE
DURÉE DU SOMMEIL
ORIGINAL SAMPLE
Mellotron A l’image de l’instrument auquel il emprunte son nom, Le Mellotron s’utilise comme une boîte à musiques dont le contenu serait inépuisable et en mouvement perpétuel pour découvrir de la musique éléctronique. Melltron souhaite une refonte de leur identité visuelle et de l’expérience utilisateur pour leur application mobile.
CONCEVOIR L’APP EXPERIENCE UTILISATEUR TEST UTILISATEUR ZONING-WIREFRAME CONCEPTION GRAPHIQUE
MELLOTRON.COM
42
PHOTOGRAPHIE
Inspirations Voyages Regards Moments
SURPRENDRE COMPOSER ENTREVOIRE
Š Quentin Chapelain 06 37 96 65 46