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.

1. Partagez en direct vos réactions sur TWITTER avec #conext
Le design au service du
commerce digital
16h30 à 17h15

2. De quoi
va-t-on parler ?
DESIGN
EXEMPLES
TENDANCES

3. Les intervenants
Olivier COULON
DC Digital – Associé
Agence NiceToMeetYou
Alexandre JOUBERT
E-Business Consultant
Agence NiceToMeetYou

4. NiceToMeetYou
L’agence

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. Chiffres-clés
6Ans d’existence
17Collaborateurs
3Agences à Lille, Paris & Saigon
1,3M€CA prévisionnel en 2015
134Clients depuis la création

7. De belles références
{ FOOD / BOISSON }
{ TEXTILE / MODE }
{ BEAUTE / COSMETIQUE }
{ SANTE}
{ DIVERS }

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. Qui es-tu design ?
Design

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. 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. L’approche « Design Thinking »
ou

13. La courbe d’apprentissage

14. Le design d’expérience

15. e-commerce (et web)
Tendances

16. Le choc des
photos
Le poids des mots

17. “Writing is part of the design process.”
John Zeratsky – Google Ventures

19. Les mots – bien choisis – ont
un pouvoir émotionnel.

20. Ecommerce
Magazines
Editorial

22. Pensez en relief
3D

23. Flash HtmlVS
La fin des complexes

24. http://toprecherches.lequipe.fr/#!basketball/
Poussez le volume

25. Encore et toujours
Flat design

26. Flat = boring ?

27. Oh my God it’s Alive !
Design émotionnel

29. Hello la salle !
(t’es mignonne toi, au premier rang)

32. Shake it, baby
Mouvement

33. http://www.yufuku.net/
Hypnotique

34. https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
Motion = meaning

35. Votre truc à vous
Le moment signature

36. Micro interactions

37. Passerelles
communautaires
Social IRL

38. Social / IRL

39. On a chassé pour vous…
Exemples

40. Ça y est, ils sont sur
votre site !
Expériences e-commerce

45. http://rawfortheoceans.g-star.com/
Branded motion

46. http://kotelett.info/
E-commerce en mouvement

47. Magazine ? Non.
Catégories e-Commerce.

48. https://www.virginamerica.com/book/
Signature booking

49. https://www.stumptowncoffee.com/products/hair-bender
Signature wording

51. http://mailchimp.com/pricing/

52. Signature wording

53. http://moto.oakley.com/
Faire gagner du temps

54. http://www.monreallondon.com/en-gb/shopall/

56. 360° Drive to Shop
https://www.youtube.com/watch?v=O83Gx-uqVAk

57. https://www.threadless.com/
Codes sociaux et mobiles +
panier émotionnel

58. https://www.betabrand.com/
E-commerce en mouvement

67. https://casper.com/mattresses

69. 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 ?

70. Les mots – bien choisis – ont
un pouvoir émotionnel.
http://my.deejo.fr/

71. http://www.protest.eu/fr/femmes/
Glissages digitales

72. https://www.neue-london.com/
360° Drive to Shop
Douceur et souplesse

73. http://pablotheflamingo.com/
Pablo the flamingoEmotionnel

74. Design éditorial

75. Approche alternative

77. Vitrine Sociale

78. Gemo
Bornes connectées

79. Franchement… presque.

82. 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 ?

85. Comment séduire ?
Après l’achat…

86. http://like.animade.tv/
Old but Good

88. Gif Master

89. 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

90. 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

91. Merci :)
NiceToMeetYou / Agence Digitale - Full-Services
www.ntmy.fr & @ntmy_fr