Le webdesign au coeur du produit
-
Upload
fabien-berthoux -
Category
Design
-
view
6.522 -
download
0
description
Transcript of Le webdesign au coeur du produit
![Page 1: Le webdesign au coeur du produit](https://reader033.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/11.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 12: Le webdesign au coeur du produit](https://reader033.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/12.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 13: Le webdesign au coeur du produit](https://reader033.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/17.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 18: Le webdesign au coeur du produit](https://reader033.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/18.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 19: Le webdesign au coeur du produit](https://reader033.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/19.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 20: Le webdesign au coeur du produit](https://reader033.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/20.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 21: Le webdesign au coeur du produit](https://reader033.fdocuments.net/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.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/22.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 23: Le webdesign au coeur du produit](https://reader033.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/26.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 27: Le webdesign au coeur du produit](https://reader033.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/27.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 28: Le webdesign au coeur du produit](https://reader033.fdocuments.net/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.fdocuments.net/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.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/30.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 31: Le webdesign au coeur du produit](https://reader033.fdocuments.net/reader033/viewer/2022052618/54db4bf94a7959ef358b4629/html5/thumbnails/31.jpg)
LE WEBDESIGN AU COEUR DU PRODUIT
![Page 32: Le webdesign au coeur du produit](https://reader033.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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.fdocuments.net/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