Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A joyful shopping experience. Creating e-commerce sites that are effortless to use - Victor Kravtsov (Amasty) - Meet Magento CZ 2017

375 views

Published on

In his presentation for Meet Magento CZ Victor shares his thoughts about the usability and design trends and covers the important things like browsing, searching and navigation as well as cart and checkout.

  • Be the first to comment

  • Be the first to like this

A joyful shopping experience. Creating e-commerce sites that are effortless to use - Victor Kravtsov (Amasty) - Meet Magento CZ 2017

  1. 1. ABOUT ME of beautiful 9 months son Father at AMASTY Senior Product Manager in the IT industry 10+ years of experience in e-Commerce and Magento 7+ years of experience amasty.com
  2. 2. WEBSITE / APP PRODUCT SEARCH PRODUCT PAGE CART Stress - free approach to the Online Shopping CHECKOUT amasty.com
  3. 3. Basic Design Trends amasty.com MATERIAL DESIGN FLAT DESIGN ELEMENT CARD LIKE LAYOUT v RESPONSIVE WEB DESIGN VIDEO BACKGROUND
  4. 4. amasty.com Material design
  5. 5. amasty.com Flat design element
  6. 6. amasty.com Card like layout
  7. 7. amasty.com Responsive web design
  8. 8. amasty.com Video background
  9. 9. Basic Design Trends amasty.com 1 2 3 Start from design patterns to cover the basics Content is more important than the form The picture is worth a 1000 words, but the video is even larger
  10. 10. Browsing, searching and navigating to desired product amasty.com 1 HOME PAGE NAVIGATION PRODUCT SEARCH2 LAYERED NAVIGATION3 THE BRAND IS EVERYTHING4
  11. 11. amasty.com 1.HOME PAGE NAVIGATION
  12. 12. amasty.com 1.HIDDEN MENUS
  13. 13. amasty.com PERCENTAGE OF SESSIONS WHERE NAVIGATION WAS USED
  14. 14. amasty.com 1.FALSE BOTTOM PROBLEM
  15. 15. amasty.com 2. PRODUCT SEARCH
  16. 16. amasty.com 3. LAYERED NAVIGATION
  17. 17. amasty.com 3. CATALOG PRODUCT SORTING
  18. 18. amasty.com 4. CATEGORY PAGES
  19. 19. amasty.com 4. THE BRAND IS EVERYTHING
  20. 20. amasty.com VIRTUAL ASSISTANT
  21. 21. Browsing, searching and navigating to desired product amasty.com 1 2 3 A beautiful design is easy to use User-friendly layered navigation The brand is everything
  22. 22. Product Information amasty.com ENGAGE USERS LESS IS MORE 1 2 BUILD TRUST URGENCY 3 4 CLEAR WAY TO MOVE FORWARD 5
  23. 23. Product Information amasty.com ENGAGE USERS LESS IS MORE 1 2 BUILD TRUST URGENCY 3 4 CLEAR WAY TO MOVE FORWARD 5
  24. 24. Product Information amasty.com ENGAGE USERS LESS IS MORE 1 2 BUILD TRUST URGENCY 3 4 CLEAR WAY TO MOVE FORWARD 5
  25. 25. Product Information amasty.com ENGAGE USERS LESS IS MORE 1 2 BUILD TRUST URGENCY 3 4 CLEAR WAY TO MOVE FORWARD 5
  26. 26. Product Information amasty.com ENGAGE USERS LESS IS MORE 1 2 BUILD TRUST URGENCY 3 4 CLEAR WAY TO MOVE FORWARD 5
  27. 27. Product Information amasty.com ENGAGE USERS LESS IS MORE 1 2 BUILD TRUST URGENCY 3 4 CLEAR WAY TO MOVE FORWARD 5
  28. 28. Product page amasty.com 1 2 3 Wonderful emotions Build trust & attract the attention Clear way to move forward
  29. 29. amasty.com SIMPLE & LOGICAL DO THE WORK FOR THE USER 1 2 USER FRIENDLY NO HIDDEN CHARGES 3 4 SUCCESS5 Cart & Checkout
  30. 30. amasty.com Cart & Checkout SIMPLE & LOGICAL DO THE WORK FOR THE USER 1 2 USER FRIENDLY NO HIDDEN CHARGES 3 4 SUCCESS5
  31. 31. amasty.com Cart & Checkout SIMPLE & LOGICAL DO THE WORK FOR THE USER 1 2 USER FRIENDLY NO HIDDEN CHARGES 3 4 SUCCESS5
  32. 32. amasty.com Cart & Checkout SIMPLE & LOGICAL DO THE WORK FOR THE USER 1 2 USER FRIENDLY NO HIDDEN CHARGES 3 4 SUCCESS5
  33. 33. amasty.com Cart & Checkout SIMPLE & LOGICAL DO THE WORK FOR THE USER 1 2 USER FRIENDLY NO HIDDEN CHARGES 3 4 SUCCESS5
  34. 34. Cart & Checkout amasty.com 1 2 3 Simple & logical Do the work for the user I am clear about what I am paying for
  35. 35. HAPPY ONLINE CUSTOMER! amasty.com
  36. 36. Conclusion amasty.com 1 A beautiful design is not always easy User-friendly layered navigation2 Wonderful emotions3 Clear way to move forward4 Simple & logical checkout5
  37. 37. QUESTIONS ?? ?
  38. 38. THANK YOU! & victor.kravtsov@amasty.com = twitter.com/@Vicrab Eamasty.com DĚKUJI

×