E-commerce Checkout Flow
Reviews
1 review
Hi Christian,
Great to see your showcase. I can see your effort in crafting a checkout flow that is full of essential steps, consistent font family and colors used. The users seem to perform the tasks safely and understand the screen information architecture.
I would like to leave some suggestions that I hope will help to make the showcase even better.
- Somehow I wonder if the primary button is active or not because of the blue color is a bit wash-out. That blue looks like the blue in the inactive step.
- The position of CTA buttons are not consistent. It's on the right side in step 1 but on the left side in step 3 & 4. I'm curious of the reason behind it.
- The third step - "Order Confirmation" seems never be active? It could potentially surprise the users when they press "Confirm order" in step 2 and think that there's still another step to fulfill.
- Let's double check the typo mistakes here and there. They can prevent evoking trust in users. Example: "sing up".
Look forward to hearing any response from you. Wish you have a great day :D
15 Claps
Average 5.0 by 3 people
You might also like

Project
Pulse — Music Streaming App with Accessible Light & Dark Mode
Platform & DeviceFor this project, I designed Pulse, a mobile music streaming application for iOS devices (using the provided mobile templat

Project
Islamic E-Learning Platfrom Dashboard
Visual Language & Color I wanted the interface to feel like a quiet room you'd actually want to sit in and study. The warm neutrals - off-wh
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The

Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle

Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi

Project
CJM for Co-Working Space - WeWork
This project presents a customer journey map for WeWork, created to understand the end-to-end experience of a remote professional using a co
Interaction Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.

















