Redesigned E-commerce Checkout Page
This Figma file includes a walkthrough of the original checkout page of Lupine Lane Co. and the redesign decisions with their paired rationale. This checkout page was designed for desktop.
Thank you so much for taking the time to review and provide feedback!
Reviews
1 review
Hi Caroline,
Great job on enhancing the checkout user experience! I appreciate how you've reduced the cognitive load by simplifying the options.
I have some constructive feedback to add:
- The addition of the stepper component for progressive disclosure is a good move. One suggestion for improvement would be to make the step labels more prominent instead of faded. Currently, they are difficult to read, and for progressive disclosure, it's crucial for users to easily identify their current step and anticipate the next ones.
- While guest checkout enhances user experience, it might also be beneficial from a business perspective to emphasize the login/sign-up process more prominently in your design.
4 Claps
Average 4.0 by 1 person
You might also like
Project
Accessible Signup Form for SaaS Platform
Form
Project
SIPALA - Attendance, Leave, and Activity Management System
Project
Pawtify - Responsive Landing Page Brief
Description This is a landing page for a fictional pet salon called Pawtify, a modern, friendly pet salon brand designed to make grooming en
Project
Develop a User Persona
Research and analytical skills by carrying out user study and building a user persona.
Project
Plan A/B Test for the Onboarding Flow
Design an A/B test to optimize the onboarding flow and increase profile completion rate for a dating app.
Project
Build a Product Roadmap
Design an experience that can help Thai farmer to monitor weather and grow farm business.
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.