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.

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

3. WEBSITE /
APP
PRODUCT
SEARCH
PRODUCT
PAGE CART
Stress - free approach
to the Online Shopping
CHECKOUT
amasty.com

4. Basic Design Trends
amasty.com
MATERIAL DESIGN FLAT DESIGN ELEMENT CARD LIKE LAYOUT
v
RESPONSIVE WEB DESIGN VIDEO BACKGROUND

5. amasty.com
Material design

6. amasty.com
Flat design element

7. amasty.com
Card like layout

8. amasty.com
Responsive web design

9. amasty.com
Video background

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

11. Browsing, searching and
navigating to desired product
amasty.com
1 HOME PAGE NAVIGATION
PRODUCT SEARCH2
LAYERED NAVIGATION3
THE BRAND IS EVERYTHING4

12. amasty.com
1.HOME PAGE NAVIGATION

13. amasty.com
1.HIDDEN MENUS

14. amasty.com
PERCENTAGE
OF SESSIONS
WHERE NAVIGATION
WAS USED

15. amasty.com
1.FALSE BOTTOM PROBLEM

16. amasty.com
2. PRODUCT SEARCH

17. amasty.com
3. LAYERED NAVIGATION

18. amasty.com
3. CATALOG PRODUCT SORTING

19. amasty.com
4. CATEGORY PAGES

20. amasty.com
4. THE BRAND IS EVERYTHING

21. amasty.com
VIRTUAL ASSISTANT

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

23. Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5

24. Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5

25. Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5

26. Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5

27. Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5

28. Product
Information
amasty.com
ENGAGE USERS
LESS IS MORE
1
2
BUILD TRUST
URGENCY
3
4
CLEAR WAY TO MOVE
FORWARD
5

29. Product page
amasty.com
1
2
3
Wonderful emotions
Build trust & attract the attention
Clear way to move forward

30. amasty.com
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5
Cart &
Checkout

31. amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5

32. amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5

33. amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5

34. amasty.com
Cart &
Checkout
SIMPLE & LOGICAL
DO THE WORK FOR THE USER
1
2
USER FRIENDLY
NO HIDDEN CHARGES
3
4
SUCCESS5

35. Cart & Checkout
amasty.com
1
2
3
Simple & logical
Do the work for the user
I am clear about what I am paying for

36. HAPPY
ONLINE
CUSTOMER!
amasty.com

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

38. QUESTIONS
??
?

39. THANK YOU!
& victor.kravtsov@amasty.com = twitter.com/@Vicrab Eamasty.com
DĚKUJI