TOTO Shoes

Role - UI UX Design/ Research
Tools - FIGMA, SKETCH, MIRO, PHOTOSHOP
Timeline - 3 to 4 WEEKS

Project Overview

Challenge

Complex Shoe Selection: Users often face difficulty in quickly finding the right product due to a vast catalog and overly complex filter systems.
Overwhelming or Cluttered UI: Presenting multiple brands and styles without overwhelming shoppers.
Inefficient Checkout Process: Lengthy or confusing payment steps can cause cart abandonment

Key Objectives

Designed an online shoe shopping app focused on delivering a seamless, intuitive, and visually appealing experience for users searching, selecting, and purchasing shoes. The solution enables users to browse an extensive catalog, use smart filters to find their ideal pair, view detailed product information, and complete purchases through a streamlined checkout process.

Solution:

Designed a streamlined and intuitive interface featuring clear navigation and high-quality shoe images to make product discovery effortless. A guided size recommendation tool was integrated to help users confidently select the right fit, reducing hesitation and potential returns. Additionally, I simplified the checkout process with a minimal-step flow and multiple secure payment options to encourage quick and successful purchases.

Design process

Research

UX Design

UI Design

Wireframes Prototypes

Testing

User Persona and Story

Mia

Age 26, Marketing Manager

Goals:

To easily discover stylish, on-trend shoes and make confident purchases with minimal hassle

Challenges:

Frustration with cluttered interfaces and slow, complicated checkout processes

How the app helps:

-The app’s advanced filtering and personalized recommendations helped Mia quickly find trending shoes suited to her tastes.

-The streamlined, intuitive checkout let her complete purchases effortlessly, making shopping both fun and efficient.

David

Age 34, Accountant

Goals: A busy professional and shoe lover who needs to easily find shoes’ categories for various age groups because he wants to be able to easily find shoes for her family and save time.

Challenges: Finding exclusive pieces, ensuring quality and authenticity

How the app helps: David can explore a curated selection of designer shoes for him and his family.

Usability study

Before Usability study

After Usability study

Before Usability study

After Usability study

Addition of various sub heading to segregate shoes types so that users can easily find out the type of shoe he likes to shop

Addition of Quick Buy option to directly checkout if user want to buy the product fast

Paper Wireframes

This process is the most interesting one as I came up with lot of ideas that I drew on paper by keeping in mind all user pain points , design perspective, functional aspects and aesthetic aspects.The stars marked on each screen shows the main elements of the screen which make users to easily browse through the site.