E-com
I created the checkout as guest for an online shopping experience.
Reviews
1 review
The checkout flow is generally simple and appealing, but there are a few areas that need attention:
- The reddish color used for the primary 'Buy Now' button may be confusing, as such colors are typically associated with destructive actions. Additionally, both buttons turn dark blue on hover, which adds to the confusion.
- The address input should ideally start with the country, especially for products with a global market. Different countries have specific formatting requirements, such as states in the US and counties in the UK.
- The titles on the payment details page and the new card details are misleading; they should be labeled appropriately instead of being grouped under 'Checkout'.
- Upon clicking 'Finish', it is confusing to be taken to a success screen. After adding new payment option details, users expect a final review before proceeding to payment. This abrupt transition can be disorienting and may cause anxiety.
3 Claps
Average 3.0 by 1 person
You might also like

Project
Food Item Checkout Mobile UI
Key Components and Structure Header: At the top, there is a "Checkout" title centered, a back arrow on the left, and a three-dot menu/more o

Project
Portfolio
Platform & ContextI selected ClickUp for desktop redesign because work management platforms are primarily used on desktop for complex workfl

Project
Workalot Color System
For this brief i tried to make a fictional work management mobile app, ‘Workalot’.

Project
UX Case Study • E-commerce
Design RationaleThe checkout form redesign follows a user-centric approach that prioritizes clarity, simplicity, and accessibility. Every de

Project
TaskFlow Accessible Login & Signup
WCAG 2.1 Level AA Compliance1.3.1 Info and Relationships (Level A): Semantic HTML5 form elements with proper label associations using htmlFo

Project
Banking App for Businesses
Hi everybody! I’m excited to share with you my example of a Banking App for Businesses. This app is designed for banking purposes and includ
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.






