<?xml version="1.0" encoding="utf-8"?>
Open full project

Design Rationale

Our checkout form follows a user-centric approach, prioritizing simplicity and clarity for a seamless experience.

  • User-Friendly Organization: Fields are grouped logically (Payment, Billing Address, Order Summary) to ensure intuitive navigation.
  • Visual Hierarchy: Improved spacing and visual dividers enhance scannability and reduce cognitive load.
  • Clear Microcopy: Labels, placeholders, and error messages are concise and informative for better user guidance.
  • Accessibility: Keyboard navigation is supported, with future ARIA enhancements planned for inclusivity.
  • Streamlined Experience: Distractions are minimized, with features like saved info and guest checkout considered for efficiency.
Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Hello, Lê. Please, open your project on Figma for us to review, I couldn't access, and requested. From the screenshots you shared here, I can see you did a great job, consistent, and clean design, with every component the user needs.

Some suggestions for improvement are:

  1. Mark which fields are mandatory, because I see some should be optional.
  2. Give some extra padding because if there is an error, the field should show a help text.
  3. On Phone number, put a placeholder, it's common for people to forget country/area codes.
  4. Where it is x1, offer the possibility to change the number or remove the item.

That's it, I hope it helps, great job overall!


4 Claps
Average 4.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>