38
LE WEBDESIGN AU COEUR DU PRODUIT Conférence présentée par Fabien Berthoux et Vincent Ginet LE WEB DESIGN AU COEUR DU PRODUIT

Le webdesign au coeur du produit

Embed Size (px)

DESCRIPTION

Actuellement internet est un support indispensable dans la vente de vos produits ou vos services. Il devient également de plus en plus difficile d’influencer l’internaute à devenir client ou utilisateur. Pour cela nous proposons un tour d’horizon des pratiques permettant d’améliorer la conversion sur votre site internet grâce au web design.

Citation preview

Page 1: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Conférence présentée par Fabien Berthoux et Vincent Ginet

LE WEB DESIGN AU COEUR DU PRODUIT

Page 2: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Chef de Projet

www.blogduwebdesign.com www.dezup.comWebdesigner

@fabienberthoux

@BlogDuWebdesign @Dezup_

@GinetVincent

DezupAgence interactive

NOS CONTACTS

FABIEN BERTHOUX

VINCENT GINET

Page 3: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Le web design désigne la conception de l’interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence, la navigation dans le site web et le design graphique.

LE WEB DESIGN ?

Page 4: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

STRUCTURE D’UN PROJET WEB1/2

LE PROJET WEB

DÉVELOPPEUR

WEB DESIGNER

CHEF DE PROJET

_3

Page 5: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

STRUCTURE D’UN PROJET WEB2/2

LE PROJET WEB

DÉVELOPPEUR

WEB DESIGNER

DIRECTEUR ARTISTIQUE

ARCHITECTEDE L’INFORMATION

PRO SEO

MOTION DESIGNER

ERGONOME

CHEF DE PROJET

_8

Page 6: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Accompagner, aiguiller, animer, conduire, conseiller, diriger, éduquer,

gouverner, indiquer, mener.

GUIDER L’INTERNAUTE

Page 7: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Étude de la cible

- Benchmark

- Brief

...

LE MARKETING

??

?

Page 8: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Aider et diriger l’utilisateur

- Mise en avant de l’information

- Référencement

LE CONTENU

Lorem ipsum dolor sit amet, consectetur adip-iscing elit. Suspendisse eu augue id dui viverra volutpat. Vivamus metus tortor, sagittis nec ven-enatis sed, venenatis vi-tae augue.

Page 9: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

L’ARCHITECTURE D’INFORMATIONS

ÉNUMÉRER CATÉGORISER STRUCTURER

Page 10: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

L’ergonomie web de manière générale peut être considérée comme l’adaptation de l’interface avec l’utilisateur et ses habitudes.

L’ERGONOMIE

+ =

Page 11: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 12: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 13: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Influence explicite

- Influence implicite

INFLUENCER L’INTERNAUTE

Page 14: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Attention

- Intérêt

- Désir

- Action

- Satisfaction

AIDA(S)

Page 15: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

LA SIMPLICITÉ

MONTRER L’IMPORTANT

MASQUER LE SUPERFLU

SUPPRIMERL’INUTILE

1 2 3

Page 16: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Le rendre réel

- Illustrer votre service

- Mise en scène

METTRE SON PRODUIT EN AVANT

Page 17: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 18: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 19: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 20: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 21: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Les guides visuels

- Boutons d’appels

- Les liens complémentaires

LES ÉLÉMENTS COMPLÉMENTAIRES

Page 22: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 23: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Une interaction, dans le langage courant, est l’action ou l’influence réciproque qui peut s’établir entre deux objets ou plus.

L’INTERACTION FAIT LA DIFFÉRENCE

Page 24: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

INFLUENCER L’ACTION, POUSSER À L’ACHAT OU L’INSCRIPTION

INFLUENCER LA FIDÉLISATION

1

2

Page 25: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Mise en page des informations

- Animations sur la page

- Boutons d’appels

- Compteurs

LES ACTIONS DIRECTES

Page 26: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 27: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 28: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

LES TEASERS : MODE D’EMPLOI INTERACTIF

Page 29: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Les survols

- Les clics

LES ACTIONS INDIRECTES

ACTION = RÉACTION(S)

Page 30: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 31: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Page 32: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

INFLUENCER L’ACTION, POUSSER À L’ACHAT OU L’INSCRIPTION

INFLUENCER LA FIDÉLISATION

1

2

Page 33: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Regroupe vos :

Actualités

Services

Coups de gueule

Découvertes

Humeurs du jour

....

BLOG

Page 34: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Applications

- Personnalisation de produits

- Envoi de photos

- Créer une communauté

Je peux toucher ? svp FAITES PARTICIPER L’UTILISATEUR !

Page 35: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

- Page “Coming soon”

- Version Beta

- Teaser

- Réseaux sociaux

- Marketing viral

VOS PRODUITS

LANCER UN PRODUIT SUR LE WEB

Page 36: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

...

LE MOT DE LA FIN

Page 37: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

LES SOURCES

http://www.archiduchesse.com

http://www.headict.com

http://www.bonlook.com

http://rockablepress.com

http://www.postbox-inc.com

http://www.playjambalaya.com

http://www.magicsocket.com

http://www.slicejack.com

http://submitquickly.com

http://fr.mailjet.com

http://www.burton.com

http://www.lafraise.com

Page 38: Le webdesign au coeur du produit

LE WEBDESIGN AU COEUR DU PRODUIT

Chef de Projet

www.blogduwebdesign.com www.dezup.comWebdesigner

@fabienberthoux

@BlogDuWebdesign @Dezup_

@GinetVincent

DezupAgence interactive

NOS CONTACTS

FABIEN BERTHOUX

VINCENT GINET