ISL Checkout Process, Homepage, and Top Navigation
In this project, I redesigned the homepage, top navigation, and checkout process to enhance user flow and overall experience. By prioritizing intuitive navigation and visual clarity, I aimed to create a seamless journey from browsing to checkout. This approach was intended to reduce friction points and increase conversion rates during the purchasing process.
In Stock Labels
Project
In Stock Labels
Duration
4 weeks
Deliverables
Research, User flow, Wire framing, Prototype and QA.
Tools
Figma
Project Brief
This checkout process on the label website is designed to be easy and user-friendly. It guides user step-by-step, starting with the cart overview, then moving on to secure payment options, and finally showing a clear order summary before they confirm their purchase. This process reduces distractions and allows for quick and easy navigation, making it simple for users to complete their purchases smoothly.
Challenge
I found that the checkout process needs to work for both guest and returning users. The challenge is ensuring that guest checkout is just as easy and efficient as it is for returning customers. Key features to include are displaying shipping rates early in the process and reducing the amount of personal information needed. For both returning and guest users, the flow should allow for pre-filled information and saved preferences whenever possible to create a fast and smooth checkout experience.
The process
Research
Define & Ideate
Information Architecture (IA)
Wireframing
Move to development
QA
Stage in Customer Journey
What do we want the user to do next and how do we nudge them to take action.
Stakeholder's Goals
To deliver reliable, user-friendly navigation that helps users find products easily and take action, encouraging them to purchase labels from the site.
Homepage Design Upgrade
Old Homepage design
New Homepage design
Checkout Mockups
Some of the main wireframes.