Open full project

I designed a checkout page for a fictional clothing store called sunday. My focus was on creating a seamless and user-friendly experience by incorporating key features such as:

  • Simplified and user-friendly process - A streamlined checkout flow that minimizes unnecessary steps, reduces friction, and ensures a smooth transition from cart to purchase.
  • High visual hierarchy and scannability – A well-structured layout that highlights essential information, making it easy for users to scan, understand, and complete their purchases quickly.
  • Clear and easy-to-understand microcopy – Concise, intuitive text that guides users through the checkout process, reduces confusion, and addresses potential concerns with helpful messaging.
  • Progress bar for easy navigation – A visual indicator that informs users of their current checkout stage, improving navigation and reducing uncertainty.

This approach ensures a frictionless and efficient checkout experience, helping users complete their purchases with confidence.

Design assets

Checkout Page for sunday. 1

Checkout Page for sunday. 2

Tools used

Figma
FigJam

From project brief

Topics

Share

Reviews

1 review


Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...

9
Claps
Average 4.5 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
Create your very own Design a Checkout Page project and get mentor feedback.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>