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
()
Ex_Files_Create_Shopping_Cart_Framer_X.zip
(352.0 MB)