branding design web graphic id....branding design web graphic id. valoriser votre contenu de...

63
www.dclicweb.com Branding Design Web Graphic id.

Upload: others

Post on 10-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 2: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

Valoriservotre contenude manière visuelle,

Page 3: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

… ergonomiqueet créative,

pour une expérienceutilisateur intuitive.

Page 4: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

Toine GUEUTINDIRECTEUR ARTISTIQUE WEB

Freelance interactif depuis 2002

Page 5: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

Impliqué et créatif,je peux travailler avec votre équipe ou des développeurs freelance en fonction des besoins de vos projets web.

Je crée pour vous

l’identité graphique de votre marque,

de la conception à la réalisation web.

Page 7: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

7www.dclicweb.com/project/peugeot.htm

l

Page 8: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

8www.dclicweb.com/project/peugeot.htm

l

Page 9: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

9www.dclicweb.com/project/peugeot.htm

l

Page 10: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

MONRÔLEMONRÔLE

Habitat / Construction

VOIRLEPROJETONLINE

DirectionArtistiquedu siteweb FR - AgenceBolero.

•Création IdentitéGraphique -DirectionArtistiqueWeb

•Créationd’unmoodboard & benchmarketing

•Conceptionergonomique& créationdes wireframes

•Créationduweb design sur les pages du futur site

Page 17: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

17www.dclicweb.com/project/tosh

iba.htm

l

Page 18: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

18www.dclicweb.com/project/tosh

iba.htm

l

Page 19: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

19www.dclicweb.com/project/tosh

iba.htm

l

Page 20: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

20

www.dclicweb.com/project/tosh

iba.htm

l

Page 21: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

21

www.dclicweb.com/project/tosh

iba.htm

l

Page 22: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

22

www.dclicweb.com/project/tosh

iba.htm

l

Page 23: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

Distribution

Créée en 2011, Alkemics est une plateforme intuitive

qui aide marques & distributeurs à collaborer, collecter

et partager leurs données produit en un seul lieu

sécurisé. En 2018, Alkemics signe d’un coup les

principaux distributeurs britanniques (80% du retail).

Je suis alors retenu en tant que Directeur Artistique

pour refondre toute la communication visuelle du

groupe.

VOIRLEPROJETONLINE

MONRÔLE

Page 24: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

24

www.dclicweb.com/project/tosh

iba.htm

l

Page 25: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

25

www.dclicweb.com/project/tosh

iba.htm

l

Page 26: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

26

www.dclicweb.com/project/tosh

iba.htm

l

Page 27: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

27

www.dclicweb.com/project/tosh

iba.htm

l

Page 28: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

28

www.dclicweb.com/project/tosh

iba.htm

l

Page 29: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

29

www.dclicweb.com/project/tosh

iba.htm

l

Page 30: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

MONRÔLEMONRÔLE

Beauté / Luxe

Direction Artistique & Animation de la

présentation de la Réunion Internationale du

groupe L’Oréal - Active Cosmetics diffusée

sur grand écran (20m/4m) à Paris.

VOIRLEPROJETONLINE

Page 31: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

31

www.dclicweb.com/project/loreal.h

tml

Page 32: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

32

www.dclicweb.com/project/loreal.h

tml

Page 33: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

33

www.dclicweb.com/project/loreal.h

tml

Page 34: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

MONRÔLEMONRÔLE

Plateforme Permis de Conduire

L'auto-école en ligne qui révolutionne le Permis.

Mon challenge : créer un site web ergonomique,

fonctionnel & qui parle aux jeunes.

• Création de l’identité graphique complète

• Création du web design des pages du site

VOIRLEPROJETONLINE

Page 35: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

35

www.dclicweb.com/project/ornikar.htm

l

Page 36: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

36

www.dclicweb.com/project/peugeot.htm

l

Page 37: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

www.dclicweb.com/project/peugeot.htm

l3

7

Page 38: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

www.dclicweb.com/project/peugeot.htm

l

Page 39: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

MONRÔLE

Boisson sportive

Pour le lancement d'une boisson énergisante naturelle 'HEROICSport‘

•Analysedu positionnementdemarque et des autres acteurs dumarché

•Créationde l'identitévisuelle& de la campagne de pub

(6 pistes créa pour campagne d’affichage 4/3)

VOIRLEPROJETONLINE

Page 40: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

40

www.dclicweb.com/project/peugeot.htm

l

Page 41: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

41

www.dclicweb.com/project/peugeot.htm

l

Page 42: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

42

www.dclicweb.com/project/peugeot.htm

l

Page 43: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

43

www.dclicweb.com/project/peugeot.htm

l

Page 44: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

44

www.dclicweb.com/project/peugeot.htm

l

Page 51: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

MONRÔLEMONRÔLE

Network

Direction Artistique multi-supports

• Création logo & identité graphique complète + papeterie

• DA Web & Mobile avec une approche Mobile First | 30 pages

d’après wireframes crées sur InVision (mobile & desktop)

• Création d’une présentation PowerPoint à destination des

potentiels investisseurs

• Accompagnement graphique sur le projet complet en cours

DO YOU NEED RESOURCES AND MEET CONTRIBUTORS?

VOIRLEPROJETONLINE

Page 55: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

Création Campagne Pub online (4 créas / 7 formats / 18 banners)

55

www.dclicweb.com/project/peugeot.htm

l

Page 56: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

Création Campagne Pub online (4 créas / 7 formats / 18 banners)

56

www.dclicweb.com/project/peugeot.htm

l

Page 57: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

What youget finally

Page 58: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

IDENTITÉ

GRAPHIQUE

1.

¬ Votre document de charte graphique complet (30 pages environ)

¬ Analyse concurrentielle et de votre positionnement sur le marché

¬ Logo (usage & contre-usages)

¬ Typo et règles typographiques d’ensemble

¬ Couleurs & palettes proposées

¬ Éléments graphiques (pictos, images, etc…)

¬ Wireframes & bases de Web Design responsive recommandés

¬ Présentation papeterie type + iPad / iPhone

Page 59: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

DIRECTION ARTISTIQUE

& WEB DESIGN

2.

¬ Les pages de votre futur site web maquettées de manière impeccable & créative sous Photoshop/Illustrator en mode pixel perfect

¬ Possibilité de création de wireframes (Axure ou UXSpin)

¬ Déclinaison mobile à la demande (iPhone / iPad)

Page 60: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

PRINT

BROCHURE / CATALOGUE

3.

¬ Création de votre brochure ou de votre catalogue produits sous In Design

¬ Prise en charge possible de vos impressions

Page 61: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

WEB

BANNERS / SLIDERS …4.

¬ Création graphique de vos campagnes de publicité online(banners, sliders, newslletters, emailing, etc…)

GESTION DE PROJET5.

¬ Possibilité de gestion de projet avec vos développeurs¬ Accompagnement graphique & consulting web¬ Mise en relation

Page 62: Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de manière visuelle, …ergonomique et créative, pour une expérience utilisateur intuitive

BrandingWeb DesignGraphic id.