le webdesign au coeur du produit
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.TRANSCRIPT
![Page 1: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/7.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
- Étude de la cible
- Benchmark
- Brief
...
LE MARKETING
??
?
![Page 8: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/9.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
L’ARCHITECTURE D’INFORMATIONS
ÉNUMÉRER CATÉGORISER STRUCTURER
![Page 10: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/11.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 12: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/12.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 13: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/13.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
- Influence explicite
- Influence implicite
INFLUENCER L’INTERNAUTE
![Page 14: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/14.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
- Attention
- Intérêt
- Désir
- Action
- Satisfaction
AIDA(S)
![Page 15: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/17.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 18: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/18.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 19: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/19.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 20: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/20.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 21: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/22.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 23: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/24.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/25.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/26.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 27: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/27.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 28: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/28.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
LES TEASERS : MODE D’EMPLOI INTERACTIF
![Page 29: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/29.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/30.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 31: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/31.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 32: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/32.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/33.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/34.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/35.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/36.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
...
LE MOT DE LA FIN
![Page 37: Le webdesign au coeur du produit](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/37.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/38.jpg)
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