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
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.