Le Design au service du Commerce Digital

1 634 vues

Publié le

Retrouvez les slides de la conférence réalisée par nos consultants (Olivier Coulon, DC + Alexandre Joubert, E-Business Consultant) sur le salon Conext 2015. Approches, tendances et best practices en design pour le commerce digital / e-commerce.

Publié dans : Commerce de détail
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 634
Sur SlideShare
0
Issues des intégrations
0
Intégrations
133
Actions
Partages
0
Téléchargements
14
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le Design au service du Commerce Digital

  1. 1. Partagez en direct vos réactions sur TWITTER avec #conext Le design au service du commerce digital 16h30 à 17h15
  2. 2. De quoi va-t-on parler ? DESIGN EXEMPLES TENDANCES
  3. 3. Les intervenants Olivier COULON DC Digital – Associé Agence NiceToMeetYou Alexandre JOUBERT E-Business Consultant Agence NiceToMeetYou
  4. 4. NiceToMeetYou L’agence
  5. 5. NiceToMeetYou est une agence digitale full-services dotée d’une forte sensibilité utilisateur / client. Nous concentrons les expertises stratégiques, créatives et technologiques au service des principaux challenges digitaux des marques : + réinventer l’expérience de marque + développer une audience + booster la visibilité + maîtriser l’e-réputation + engager une clientèle + générer des leads ou des ventes STRATÉGIE CODE CRÉATION RELATION
  6. 6. Chiffres-clés 6Ans d’existence 17Collaborateurs 3Agences à Lille, Paris & Saigon 1,3M€CA prévisionnel en 2015 134Clients depuis la création
  7. 7. De belles références { FOOD / BOISSON } { TEXTILE / MODE } { BEAUTE / COSMETIQUE } { SANTE} { DIVERS }
  8. 8. Des récompenses internationales Nos réalisations ont plusieurs fois été nominées par les 2 sites internationaux les plus réputés en Design Interactif : Awwwards.com et CSSDA.com. Nous avons également obtenu 1 « Honorable Mention » (pour Shiseido Beauty Tips) et 2 « Websites of The Day » (pour NiceToMeetYou et pour 10 000 ans d’Economie) = Creativity + Code
  9. 9. Qui es-tu design ? Design
  10. 10. Les composantes du design digital Le visuel Les réponses apportées par l’interface en termes de mouvements, de sons, de transitions, d’effets, donnent du sens à la navigation et participent à l’expérience de marque. Un design agréable (visuel, sonore, animé) crée une réponse émotionnelle positive dans le cerveau, ce qui améliore nos capacités cognitives et mémorielles. Un bon texte n’est pas du remplissage : il est fonctionnel, émotionnel, optimisé. Il parle à l’utilisateur, transmet des messages forts, répond aux enjeux de Google. Le texte L’interaction Le contenu est le cœur de ce que l’on recherche sur un site. Un contenu engageant et impliquant augmentera le temps de visite, les interactions sociales et l’envie de revenir. Le contenu
  11. 11. L’approche « Design Thinking » Digital Intégrer de façon conjointe les problématiques touchant : Aux personnes/clients (ce qui est souhaité) A la technologie (ce qui est possible) A l’économique (ce qui est rentable)
  12. 12. L’approche « Design Thinking » ou
  13. 13. La courbe d’apprentissage
  14. 14. Le design d’expérience
  15. 15. e-commerce (et web) Tendances
  16. 16. Le choc des photos Le poids des mots
  17. 17. “Writing is part of the design process.” John Zeratsky – Google Ventures
  18. 18. Les mots – bien choisis – ont un pouvoir émotionnel.
  19. 19. Ecommerce Magazines Editorial
  20. 20. Pensez en relief 3D
  21. 21. Flash HtmlVS La fin des complexes
  22. 22. http://toprecherches.lequipe.fr/#!basketball/ Poussez le volume
  23. 23. Encore et toujours Flat design
  24. 24. Flat = boring ?
  25. 25. Oh my God it’s Alive ! Design émotionnel
  26. 26. Hello la salle ! (t’es mignonne toi, au premier rang)
  27. 27. Shake it, baby Mouvement
  28. 28. http://www.yufuku.net/ Hypnotique
  29. 29. https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity Motion = meaning
  30. 30. Votre truc à vous Le moment signature
  31. 31. Micro interactions
  32. 32. Passerelles communautaires Social IRL
  33. 33. Social / IRL
  34. 34. On a chassé pour vous… Exemples
  35. 35. Ça y est, ils sont sur votre site ! Expériences e-commerce
  36. 36. http://rawfortheoceans.g-star.com/ Branded motion
  37. 37. http://kotelett.info/ E-commerce en mouvement
  38. 38. Magazine ? Non. Catégories e-Commerce.
  39. 39. https://www.virginamerica.com/book/ Signature booking
  40. 40. https://www.stumptowncoffee.com/products/hair-bender Signature wording
  41. 41. http://mailchimp.com/pricing/
  42. 42. Signature wording
  43. 43. http://moto.oakley.com/ Faire gagner du temps
  44. 44. http://www.monreallondon.com/en-gb/shopall/
  45. 45. 360° Drive to Shop https://www.youtube.com/watch?v=O83Gx-uqVAk
  46. 46. https://www.threadless.com/ Codes sociaux et mobiles + panier émotionnel
  47. 47. https://www.betabrand.com/ E-commerce en mouvement
  48. 48. https://casper.com/mattresses
  49. 49. http://www.renault.fr/gamme-renault/vehicules- particuliers/espace/espace/configurateur/#/configurator Flash VS Html http://www.littleworkshop.fr/renaultespace/ L’esthétique ou l’immersion ?
  50. 50. Les mots – bien choisis – ont un pouvoir émotionnel. http://my.deejo.fr/
  51. 51. http://www.protest.eu/fr/femmes/ Glissages digitales
  52. 52. https://www.neue-london.com/ 360° Drive to Shop Douceur et souplesse
  53. 53. http://pablotheflamingo.com/ Pablo the flamingoEmotionnel
  54. 54. Design éditorial
  55. 55. Approche alternative
  56. 56. Vitrine Sociale
  57. 57. Gemo Bornes connectées
  58. 58. Franchement… presque.
  59. 59. http://www.dior.com/couture/fr_fr/mode-homme/pret-a-porter/pantalons/prince-de-galles-laine-et-cachemire-1-20748 Attirer l’attention Le sens du détail ?
  60. 60. Comment séduire ? Après l’achat…
  61. 61. http://like.animade.tv/ Old but Good
  62. 62. Gif Master
  63. 63. EN BREF 1. Le Design est une partie intégrante de votre communication 2. Pensez « expérience », plutôt que « site » ou « page » 3. Enrichissez votre wording, vos clients vous aimeront pour cela 4. Identifiez votre « moment signature » (ou imaginez-le) 5. Bougez les codes en gardant l’usage
  64. 64. Lille & Paris. Du digital et des croissants. Prochain petit-déj : 26 Novembre Inscrivez-vous à notre newsletter : www.ntmy.fr Evènements passés : Mobile marketing, Digital Snacking
  65. 65. Merci :) NiceToMeetYou / Agence Digitale - Full-Services www.ntmy.fr & @ntmy_fr

×