Your SlideShare is downloading. ×
0
LE WEB DESIGNAU COEUR DU PRODUITConférence présentée par Fabien Berthoux et Vincent Ginet                                 ...
NOS CONTACTSFABIEN BERTHOUXChef de Projet     @fabienberthouxVINCENT GINET                                              De...
LE WEB DESIGN ?Le web design désigne la conception de l’interface web : l’architectureinteractionnelle, l’organisation des...
STRUCTURE D’UN PROJET WEB                            1/2WEB DESIGNER                       LE PROJET                      ...
STRUCTURE D’UN PROJET WEB                                2/2                                                     DIRECTEUR...
GUIDER L’INTERNAUTEAccompagner, aiguiller, animer, conduire, conseiller, diriger, éduquer,gouverner, indiquer, mener.     ...
LE MARKETING- Étude de la cible- Benchmark- Brief...                          ?                                           ...
LE CONTENU- Aider et diriger l’utilisateur- Mise en avant de l’information- Référencement                                 ...
L’ARCHITECTURE D’INFORMATIONSÉNUMÉRER      CATÉGORISER        STRUCTURER                                LE WEBDESIGN AU CO...
L’ERGONOMIEL’ergonomie web de manière générale peut être considérée comme l’adaptationde l’interface avec l’utilisateur et...
LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
INFLUENCER L’INTERNAUTE- Influence explicite- Influence implicite                          LE WEBDESIGN AU COEUR DU PRODUIT
AIDA(S)- Attention- Intérêt- Désir- Action- Satisfaction                 LE WEBDESIGN AU COEUR DU PRODUIT
LA SIMPLICITÉ    1               2               3  MONTRER         MASQUER     SUPPRIMERL’IMPORTANT     LE SUPERFLU    L’...
METTRE SONPRODUIT EN AVANT- Le rendre réel- Illustrer votre service- Mise en scène                   LE WEBDESIGN AU COEUR...
LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
LES ÉLÉMENTSCOMPLÉMENTAIRES- Les guides visuels- Boutons d’appels- Les liens complémentaires                              ...
LE WEBDESIGN AU COEUR DU PRODUIT
L’INTERACTION FAIT LA DIFFÉRENCEUne interaction, dans le langage courant, est l’action ou l’influence réciproquequi peut s...
INFLUENCER L’ACTION,1   POUSSER À L’ACHAT    OU L’INSCRIPTION                     INFLUENCER                 LA FIDÉLISATI...
LES ACTIONS DIRECTES  - Mise en page des informations  - Animations sur la page  - Boutons d’appels  - Compteurs          ...
LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
LES TEASERS : MODE D’EMPLOI INTERACTIF                               LE WEBDESIGN AU COEUR DU PRODUIT
LES ACTIONS INDIRECTES  - Les survols  - Les clics  ACTION = RÉACTION(S)                  LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
LE WEBDESIGN AU COEUR DU PRODUIT
INFLUENCER L’ACTION,1   POUSSER À L’ACHAT    OU L’INSCRIPTION                     INFLUENCER                 LA FIDÉLISATI...
BLOGRegroupe vos :   Actualités   ServicesCoups de gueule  DécouvertesHumeurs du jour      ....                  LE WEBDES...
FAITES PARTICIPER L’UTILISATEUR !Je peux toucher ? svp  - Applications  - Personnalisation de produits  - Envoi de photos ...
LANCER UN PRODUIT SUR LE WEB                          - Page “Coming soon”                          - Version Beta  VOSPRO...
LE MOT DE LA FIN...                   LE WEBDESIGN AU COEUR DU PRODUIT
LES SOURCES   http://www.archiduchesse.com   http://submitquickly.com   http://www.headict.com         http://fr.mailjet.c...
NOS CONTACTSFABIEN BERTHOUXChef de Projet     @fabienberthouxVINCENT GINET                                              De...
Upcoming SlideShare
Loading in...5
×

Le webdesign au coeur du produit

6,520

Published on

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.

Published in: Design, Travel
1 Comment
12 Likes
Statistics
Notes
No Downloads
Views
Total Views
6,520
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
138
Comments
1
Likes
12
Embeds 0
No embeds

No notes for slide

Transcript of "Le webdesign au coeur du produit"

  1. 1. LE WEB DESIGNAU COEUR DU PRODUITConférence présentée par Fabien Berthoux et Vincent Ginet LE WEBDESIGN AU COEUR DU PRODUIT
  2. 2. NOS CONTACTSFABIEN BERTHOUXChef de Projet @fabienberthouxVINCENT GINET Dezup Agence interactiveWebdesigner www.blogduwebdesign.com www.dezup.com @GinetVincent @BlogDuWebdesign @Dezup_ LE WEBDESIGN AU COEUR DU PRODUIT
  3. 3. LE WEB DESIGN ?Le web design désigne la conception de l’interface web : l’architectureinteractionnelle, l’organisation des pages, l’arborescence, la navigationdans le site web et le design graphique. LE WEBDESIGN AU COEUR DU PRODUIT
  4. 4. STRUCTURE D’UN PROJET WEB 1/2WEB DESIGNER LE PROJET WEB DÉVELOPPEUR CHEF DE PROJET _3 LE WEBDESIGN AU COEUR DU PRODUIT
  5. 5. STRUCTURE D’UN PROJET WEB 2/2 DIRECTEUR ARTISTIQUEWEB DESIGNER PRO SEOARCHITECTE LE PROJETDE L’INFORMATION WEB MOTION DESIGNER DÉVELOPPEUR ERGONOME CHEF DE PROJET _8 LE WEBDESIGN AU COEUR DU PRODUIT
  6. 6. GUIDER L’INTERNAUTEAccompagner, aiguiller, animer, conduire, conseiller, diriger, éduquer,gouverner, indiquer, mener. LE WEBDESIGN AU COEUR DU PRODUIT
  7. 7. LE MARKETING- Étude de la cible- Benchmark- Brief... ? ? ? LE WEBDESIGN AU COEUR DU PRODUIT
  8. 8. LE CONTENU- Aider et diriger l’utilisateur- Mise en avant de l’information- Référencement 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. LE WEBDESIGN AU COEUR DU PRODUIT
  9. 9. L’ARCHITECTURE D’INFORMATIONSÉNUMÉRER CATÉGORISER STRUCTURER LE WEBDESIGN AU COEUR DU PRODUIT
  10. 10. L’ERGONOMIEL’ergonomie web de manière générale peut être considérée comme l’adaptationde l’interface avec l’utilisateur et ses habitudes. + = LE WEBDESIGN AU COEUR DU PRODUIT
  11. 11. LE WEBDESIGN AU COEUR DU PRODUIT
  12. 12. LE WEBDESIGN AU COEUR DU PRODUIT
  13. 13. INFLUENCER L’INTERNAUTE- Influence explicite- Influence implicite LE WEBDESIGN AU COEUR DU PRODUIT
  14. 14. AIDA(S)- Attention- Intérêt- Désir- Action- Satisfaction LE WEBDESIGN AU COEUR DU PRODUIT
  15. 15. LA SIMPLICITÉ 1 2 3 MONTRER MASQUER SUPPRIMERL’IMPORTANT LE SUPERFLU L’INUTILE LE WEBDESIGN AU COEUR DU PRODUIT
  16. 16. METTRE SONPRODUIT EN AVANT- Le rendre réel- Illustrer votre service- Mise en scène LE WEBDESIGN AU COEUR DU PRODUIT
  17. 17. LE WEBDESIGN AU COEUR DU PRODUIT
  18. 18. LE WEBDESIGN AU COEUR DU PRODUIT
  19. 19. LE WEBDESIGN AU COEUR DU PRODUIT
  20. 20. LE WEBDESIGN AU COEUR DU PRODUIT
  21. 21. LES ÉLÉMENTSCOMPLÉMENTAIRES- Les guides visuels- Boutons d’appels- Les liens complémentaires LE WEBDESIGN AU COEUR DU PRODUIT
  22. 22. LE WEBDESIGN AU COEUR DU PRODUIT
  23. 23. L’INTERACTION FAIT LA DIFFÉRENCEUne interaction, dans le langage courant, est l’action ou l’influence réciproquequi peut s’établir entre deux objets ou plus. LE WEBDESIGN AU COEUR DU PRODUIT
  24. 24. INFLUENCER L’ACTION,1 POUSSER À L’ACHAT OU L’INSCRIPTION INFLUENCER LA FIDÉLISATION 2 LE WEBDESIGN AU COEUR DU PRODUIT
  25. 25. LES ACTIONS DIRECTES - Mise en page des informations - Animations sur la page - Boutons d’appels - Compteurs LE WEBDESIGN AU COEUR DU PRODUIT
  26. 26. LE WEBDESIGN AU COEUR DU PRODUIT
  27. 27. LE WEBDESIGN AU COEUR DU PRODUIT
  28. 28. LES TEASERS : MODE D’EMPLOI INTERACTIF LE WEBDESIGN AU COEUR DU PRODUIT
  29. 29. LES ACTIONS INDIRECTES - Les survols - Les clics ACTION = RÉACTION(S) LE WEBDESIGN AU COEUR DU PRODUIT
  30. 30. LE WEBDESIGN AU COEUR DU PRODUIT
  31. 31. LE WEBDESIGN AU COEUR DU PRODUIT
  32. 32. INFLUENCER L’ACTION,1 POUSSER À L’ACHAT OU L’INSCRIPTION INFLUENCER LA FIDÉLISATION 2 LE WEBDESIGN AU COEUR DU PRODUIT
  33. 33. BLOGRegroupe vos : Actualités ServicesCoups de gueule DécouvertesHumeurs du jour .... LE WEBDESIGN AU COEUR DU PRODUIT
  34. 34. FAITES PARTICIPER L’UTILISATEUR !Je peux toucher ? svp - Applications - Personnalisation de produits - Envoi de photos - Créer une communauté LE WEBDESIGN AU COEUR DU PRODUIT
  35. 35. LANCER UN PRODUIT SUR LE WEB - Page “Coming soon” - Version Beta VOSPRODUITS - Teaser - Réseaux sociaux - Marketing viral LE WEBDESIGN AU COEUR DU PRODUIT
  36. 36. LE MOT DE LA FIN... LE WEBDESIGN AU COEUR DU PRODUIT
  37. 37. LES SOURCES http://www.archiduchesse.com http://submitquickly.com http://www.headict.com http://fr.mailjet.com http://www.bonlook.com http://www.burton.com http://rockablepress.com http://www.lafraise.com http://www.postbox-inc.com http://www.playjambalaya.com http://www.magicsocket.com http://www.slicejack.com LE WEBDESIGN AU COEUR DU PRODUIT
  38. 38. NOS CONTACTSFABIEN BERTHOUXChef de Projet @fabienberthouxVINCENT GINET Dezup Agence interactiveWebdesigner www.blogduwebdesign.com www.dezup.com @GinetVincent @BlogDuWebdesign @Dezup_ LE WEBDESIGN AU COEUR DU PRODUIT
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×