Share Description
In this course, you will learn:
- How to prototype a successful ecommerce experience.
- How to design a shopping cart in Framer X.
- How to design the views step by step in Framer X and add the interactions and animation that make it come to life.
- How to use Framer X to prototype a simple, user-friendly design that will engage stakeholders and customers alike
Syllabus:
- Introduction
- Design a shopping cart experience in Framer X
- What you should know
1. Initial Research
- Visual inspiration for the project
- Research the workflow
- Explore mockups
2. Design the Views
- Define the main layout
- Define the component from layout
- Add the texts and menu items
- Create the card component
- Finalize the shopping view
- Create the shopping cart element
- Create the address and payment cards
- Finalize the order success view
- 3. Create the Interactions
- Product stacks and scroll
- Menu animations and link to the cart
- Finalize shopping cart interactions
- Add order success animations
