Tendance Webdesign E-Commerce 2019

A review of Web Design Trends in e-commerce + insights with best pratices to create a great e-commerce interface and experience.

Conference @JoomlaDay in Paris - March 2019 (In French)

Transcript

1. TENDANCES 
 WEB DESIGN 
 E-COMMERCE Joomla Day - 9 mars 2019 - Paris Arnaud STECKLE @wdtrends #JD19FR
2. Je suis
 Designer d’interfaces Joomla Day - 9 mars 2019 - Paris Arnaud STECKLE @wdtrends #JD19FR & Directeur Artistique
3. webdesignertrends.com
5. Showreel IZHAK
6. #1 Contexte 
 #2 Tendances
 #3 Pratique #4 Demain Tendances Web Design E-commerce @wdtrends #JD19FR Programme
7. @wdtrends #JD19FR #1 Contexte Tendances Web Design E-commerce
8. @wdtrends #JD19FR Tendances Web Design E-commerce 37,5 millions de Français achètent sur Internet. Soit 85,5% des internautes Source : Mediametrie
9. @wdtrends #JD19FR Tendances Web Design E-commerce 12,1 millions Source : Mediametrie de Français ont déjà acheté sur mobile
10. @wdtrends #JD19FR Tendances Web Design E-commerce 81,7 milliards d’€ de chiffre d’affaire engendré par le e-commerce en France Source : Fevad iCE en 2017
11. @wdtrends #JD19FR Tendances Web Design E-commerce Les « gens » sont 
 touchés par des histoires Mais plus par des publicités
12. @wdtrends #JD19FR Tendances Web Design E-commerce Le consommateur est ultra-informé Les marques ne peuvent plus tricher
13. @wdtrends #JD19FR Tendances Web Design E-commerce L’utilisateur est devenu « super social » Grâce au bouche à oreille mondial des réseaux sociaux
14. @wdtrends #JD19FR Tendances Web Design E-commerce Notre temps d’attention est devenu ultra-limité Sans blague, coucou les poissons rouges !
15. @wdtrends #JD19FR Tendances Web Design E-commerce La personnalisation 
 au coeur de l’expérience J’achète un produit parce qu’il ME ressemble à MOI
16. @wdtrends #JD19FR #2 Tendances Tendances Web Design E-commerce UI & UX
17. @wdtrends #JD19FR Tendances Web Design E-commerce Le parcours utilisateur
 devient plus immersif Tendance #1
18. @wdtrends #JD19FR Tendances Web Design E-commerce Menus immersifs protest.eu
19. @wdtrends #JD19FR Tendances Web Design E-commerce Photos immenses adamunderwear.com
20. @wdtrends #JD19FR Tendances Web Design E-commerce L’interactivité sublime le produit Tendance #2
21. @wdtrends #JD19FR Tendances Web Design E-commerce Photos immenses craftory.com yeticycles.com
22. @wdtrends #JD19FR Tendances Web Design E-commerce Vidéo getroom.com
23. @wdtrends #JD19FR Tendances Web Design E-commerce Les animations 
 sont expressives Tendance #3
24. Définition
25. Définition @cuberto
26. @wdtrends #JD19FR Tendances Web Design E-commerce La mise en page 
 est déstructurée Tendance #4
27. @wdtrends #JD19FR Tendances Web Design E-commerce Définition modissa.com
28. @wdtrends #JD19FR Tendances Web Design E-commerce Définition droledemonsieur.com
29. @wdtrends #JD19FR Tendances Web Design E-commerce Persuasive Design Tendance #5 VS Dark Pattern
30. @wdtrends #JD19FR Tendances Web Design E-commerce Photos immenses ©David Teodorescu
31. @wdtrends #JD19FR Tendances Web Design E-commerce
32. @wdtrends #JD19FR Tendances Web Design E-commerce Immersion Interactivité Animations Destructuration Persuasive Design 
 5 tendances
33. @wdtrends #JD19FR #3 En pratique Tendances Web Design E-commerce
34. @wdtrends #JD19FR Tendances Web Design E-commerce Penser « expérience globale » Insight #1
35. @wdtrends #JD19FR Tendances Web Design E-commerce Exemple Zozo zozo.com
36. @wdtrends #JD19FR Tendances Web Design E-commerce Exemple Zozo zozo.com
37. @wdtrends #JD19FR Tendances Web Design E-commerce Créer cette expérience
 AVEC les utilisateurs Insight #2
39. @wdtrends #JD19FR Tendances Web Design E-commerce Participation au coeur du process
40. @wdtrends #JD19FR Tendances Web Design E-commerce Limiter les frictions
 en donnant du feedback Insight #3
41. @wdtrends #JD19FR Tendances Web Design E-commerce Exemple expérience efficace en terme d’UX
42. @wdtrends #JD19FR Tendances Web Design E-commerce Exemple expérience efficace en terme d’UX
43. @wdtrends #JD19FR Tendances Web Design E-commerce Faire preuve de transparence et d’authenticité Insight #4
44. @wdtrends #JD19FR veja-store.com
45. @wdtrends #JD19FR Tendances Web Design E-commerce Travailler son discours Insight #5
46. @wdtrends #JD19FR Tendances Web Design E-commerce Définir sa voix Rester simple & concis Restez positif
47. @wdtrends #JD19FR Tendances Web Design E-commerce Soigner son 
 UI / UX mobile Insight #6
48. @wdtrends #JD19FR Tendances Web Design E-commerce Exemple de petits détails mobiles Fallback vitesse de connexion etc ©Luke Wroblewski
49. @wdtrends #JD19FR Tendances Web Design E-commerce © Adip Nayak
50. @wdtrends #JD19FR #4 Demain Tendances Web Design E-commerce
51. @wdtrends #JD19FR Tendances Web Design E-commerce Ici la voix
52. @wdtrends #JD19FR Tendances Web Design E-commerce 40 milliards $ Le voice-commerce d’ici 2022 pèsera Source : OC&C Strategy Consultants
53. @wdtrends #JD19FR Tendances Web Design E-commerce VR ' '
54. @wdtrends #JD19FR Pour conclure Tendances Web Design E-commerce 6 insights
55. @wdtrends #JD19FR Tendances Web Design E-commerce Penser « expérience globale » Créer AVEC les utilisateurs Limiter les frictions Faire preuve d’authenticité Travailler son discours Soigner son UI/UX mobile
56. @wdtrends #JD19FR Tendances Web Design E-commerce Créer une
 communauté Le but final :
57. @wdtrends #JD19FR Merci ! Tendances Web Design E-commerce Questions ?