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.
ABOUT ME
of beautiful
9 months son
Father
at AMASTY
Senior Product
Manager
in the IT industry
10+ years of
experience
in e...
WEBSITE /
APP
PRODUCT
SEARCH
PRODUCT
PAGE CART
Stress - free approach
to the Online Shopping
CHECKOUT
amasty.com
Basic Design Trends
amasty.com
MATERIAL DESIGN FLAT DESIGN ELEMENT CARD LIKE LAYOUT
v
RESPONSIVE WEB DESIGN VIDEO BACKGROU...
amasty.com
Material design
amasty.com
Flat design element
amasty.com
Card like layout
amasty.com
Responsive web design
amasty.com
Video background
Basic Design Trends
amasty.com
1
2
3
Start from design patterns
to cover the basics
Content is more important than the for...
Browsing, searching and
navigating to desired product
amasty.com
1 HOME PAGE NAVIGATION
PRODUCT SEARCH2
LAYERED NAVIGATION...
amasty.com
1.HOME PAGE NAVIGATION
amasty.com
1.HIDDEN MENUS
amasty.com
PERCENTAGE
OF SESSIONS
WHERE NAVIGATION
WAS USED
amasty.com
1.FALSE BOTTOM PROBLEM
amasty.com
2. PRODUCT SEARCH
amasty.com
3. LAYERED NAVIGATION
amasty.com
3. CATALOG PRODUCT SORTING
amasty.com
4. CATEGORY PAGES
amasty.com
4. THE BRAND IS EVERYTHING
amasty.com
VIRTUAL ASSISTANT
Browsing, searching and
navigating to desired product
amasty.com
1
2
3
A beautiful design is easy to use
User-friendly lay...
Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5
Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5
Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5
Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5
Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5
Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5
Product page
amasty.com
1
2
3
Wonderful emotions
Build trust & attract the attention
Clear way to move forward
amasty.com
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5
Cart &
Checkout
amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5
amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5
amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5
amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5
Cart & Checkout
amasty.com
1
2
3
Simple & logical
Do the work for the user
I am clear about what I am paying for
HAPPY
ONLINE
CUSTOMER!
amasty.com
Conclusion
amasty.com
1 A beautiful design is not always easy
User-friendly layered navigation2
Wonderful emotions3
Clear ...
QUESTIONS
??
?
THANK YOU!
& victor.kravtsov@amasty.com = twitter.com/@Vicrab Eamasty.com
DĚKUJI
A joyful shopping experience. Creating e-commerce sites that are effortless to use - Victor Kravtsov (Amasty) - Meet Magen...
Upcoming SlideShare
Loading in …5
×

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

349 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

×