Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de...

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

Transcript of Branding Design Web Graphic id....Branding Design Web Graphic id. Valoriser votre contenu de...

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.