Build the skeleton
Create some basic UX principles
Add to cart animation
Displaying product's details
A cards based design
We needed a very simple layout to showcase dishes. Cards work perfectly because of their good design and great usability. They are one of the most flexible layout formats for creating rich content experiences. Popchef users seek out information pretty quickly, and cards serve it up well, regardless of device.
Simplify the ability to add the same product multiple times :
Home & product page
One page check-out
We decided to keep all checkout informations in one page. We put same informations together, we win some height space, and we always keep a recap in view. The results are pretty good : quicken the pathway to purchase, for people in a hurry at lunch time.
Some other pages