"Design is not just what it looks like and feels like.
Design is how it works." - Steve Jobs

CONNECT WITH ME

home

ABOUT

CONTACT

PORTFOLIO

Project Type: Checkout ReDesign for Optical Retailer

Visionworks-Product Page Checkout

MY PORTFOLIO

PORTFOLIO - VW- e-comm checkout

01.

Opportunity

The e-commerce team sought a redesign for the product page and an improved checkout process on their website. The existing product page was overloaded with information, creating an overwhelming experience for customers. The checkout process, characterized by its complexity and numerous steps, proved confusing and led to cart abandonment. A significant drawback was requiring customers to provide their prescription as the initial step, deterring users from proceeding with their purchase.

02.

WIREFRAMES

Starting with wireframes in my website design is important to build a strong foundation and create a user-friendly experience. Wireframes act like a blueprint, helping me plan the website's structure and layout before working on the visual design. This way, I can strategically organize elements, map out navigation, and ensure everything functions well. Using wireframes early on allows me to identify and fix potential usability issues and refine the user interface. It's a key step in envisioning the website's structure, making sure the final design not only looks good but also operates smoothly, leading to an efficient and user-focused website.

02.

WIREFRAMES

Starting with wireframes in my website design is important to build a strong foundation and create a user-friendly experience. Wireframes act like a blueprint, helping me plan the website's structure and layout before working on the visual design. This way, I can strategically organize elements, map out navigation, and ensure everything functions well. Using wireframes early on allows me to identify and fix potential usability issues and refine the user interface. It's a key step in envisioning the website's structure, making sure the final design not only looks good but also operates smoothly, leading to an efficient and user-focused website.

NEXT
PREVIOUS

Collaborated with the e-commerce team and partners to overhaul the product page and establish a more efficient checkout process. The redesign journey involved initial sketches, wireframes, and culminated in high-fidelity wireframes and prototypes. The result is a revamped checkout process that is not only user-friendly but also enhances the overall customer journey, elevating satisfaction levels for users.

03.

RESULT

Flowchart:
Mobile & Desktop Wireframes:
Mobile & Desktop – High Fidelity Wireframes: 
Mobile & Desktop – High Fidelity Mockups:  

Software: