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
Sojo NFT Marketplace
Sojo is an innovative digital marketplace where creators and collectors can buy, sell, and trade unique NFTs (non-fungible tokens) across va

Project
Heuristic Evaluation of Revolut Mobile App

Project
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
This project is an unofficial, self-initiated redesign created for the Uxcel & UXPilot Challenge.

Project
From Idea to Full-Stack Web App
Why I Built a Finance App for “Regular People” Like Me: As a product designer and naturally curious person, I’m always exploring new ways t

Project
Docto
This is an app for medical services, and these are the two variants of light and dark mode. Below, I am describing some of the decisions. I

Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund
Interaction Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
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.