Portfolio Quentin Chapelain

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