Checkout Experience for Purchasing Tech Products
In this project, I designed a checkout flow for an e-commerce platform dealing with tech gadgets, focusing on reducing cart abandonment rates. I focused on prioritizing intuitive navigation, and helpful microcopy that guides users through their purchase.
Usability:
I aimed for the form to be clean and straighforward, with helpful prompts to guide users through. One of the key features is using a single name fiels, which makes it quicker and easier for users to fill out, especially in a global context where naming conventions vary.
Scannability:
The layout is easy to scan, with sections clearly separated so users can quickly find what they need. Light colors are used to ensure the design is easy on the eyes and passes WCAG accessibility guidelines. Key info is highlighted with bold text so users don't have to read everything to get the important details.
Visual design:
The design is modern and contains light colors. I aimed for typography that is easy to read, with bold headings that makes navigation smooth.
Reviews
2 reviews
Clean layout, and pretty straightforward, follows all known ecommerce best practices!
Your work is very clean and organized, and I just have a few suggestions to make it even better:
- Instead of using Fill for the Checkout Progress, I think you could have used Border.
- Reducing the space between frames would create a better experience for the user.
- The text color of the placeholders could be a bit lighter.
- The CTA button color might work better if it's a bit brighter to create more harmony.
You might also like

User Persona | UX Research

Real Estate - Mobile App

Visual Design Portfolio Website

Wireframing for video streaming service

Design Workshop Plan
