top of page

Before

Before

Before

ZARA - Navigation Redesign

Analysed and Optimized the Information Architecture to enhance Zara’s e-commerce shopping experience.

My Role

UI/UX Designer (Solo project)

  • User Research

  • Navigation study (Information Architecture, Content design)

  • User Testing (Tree Testing, A/B & Usability Testing)

Timeline
Screenshot 2025-06-10 at 1.09.02 PM.png

Before

6 months : Dec 2024 - May 2025

Tools

​Google Forms & sheets, Zoom, Otter.ai, Chat GPT, Gemini, 

Optimal Workshop, Maze, Figma, Attention Insight.

​

Mentors

Prof. Kevin Park, Patrick Kellar & Manasi Vaidya.

Overview

This project was my final thesis for the Master’s program in UX/UI

Design & Development at New York Institute of Technology.

​

Zara is a Spanish fast fashion retail subsidiary of the Spanish multinational fashion design. Zara sells clothing, accessories,

beauty products and perfumes. Online stores began operating in

the United States in 2011.

​


At present, in 2025, Zara, a leading global fashion brand and one of the largest retailers worldwide, yet lurks a less glamorous reality: a website that fails to meet the high standards of today’s digital consumer.

Screenshot 2025-03-06 at 6.40.01 PM.png

Desktop screen in 2024

Pain Point

Once the user clicked on the hamburger button, a list would drop down without any categorisation of clothes & accessories. It was time-consuming & frustrating for users, which affected the conversion rates.

Screenshot 2025-07-13 at 3.53.51 PM.png

Against Miller's Law
& Jakob's Law
(Laws of UX)

 

Goal

The goal of this project is to enhance customer satisfaction, engagement & conversion rates by improving site structure (information architecture).

Research & Design Framework

Group 422.png

Empathize

Define

Ideate

Design

Test

  • Secondary Research

  • Surveys

  • User Interview

  • Thematic Analysis

  • Sentiment Analysis

  • Cognitive Analysis

  • User Persona

  • Empathy Map

  • User Journey Map

  • Site Mapping

  • HeatMap

  • Tree Testing

  • Information Architecture

  • Lo-fi Wireframes

  • High-Fidelity wireframe

  • Prototype

  • AI HeatMap

  • AB Testing

  • Final Design

  • Usability Testing

WhatsApp Image 2025-03-26 at 16.07.05 (1).jpeg
My process on the wall

Insights from secondary research

Screenshot 2025-07-24 at 3.40.20 PM.png

Insights from survey

Screenshot 2025-07-24 at 3.44.15 PM.png

Thematic, Cognitive & Sentiment Analysis through Interviews

60% of users struggle with search & navigation

Screenshot 2025-03-28 at 6.42.33 PM.png

45% find homepage navigation confusing – category structure &  onboarding.

Screenshot 2025-03-28 at 6.42.43 PM.png

Preliminary Tree Testing Based on Existing Navigation

Tree Testing Overview

Objective: To evaluate Zara’s website navigation by testing how easily users can find key products using the existing category structure.

​

Method: Tree testing with 15 participants, measuring success rates, misclicks, and time taken to complete tasks.

Screenshot 2025-03-28 at 7.03.31 PM.png
Screenshot 2025-03-28 at 7.04.18 PM.png
Screenshot 2025-03-28 at 7.05.06 PM.png
Screenshot 2025-03-28 at 7.05.16 PM.png
Screenshot 2025-03-28 at 7.05.26 PM.png

Tree Testing Analysis

Key Findings:

​

• Navigation is confusing for certain product categories, leading to misclicks and abandoned tasks.

• Some category labels are unclear, causing users to take longer paths.

• Search efficiency varies; some sections are well-structured, while others create confusion.

Key Insights & Issues

​

1. Navigation Ambiguity (Women’s Sweater – 60% Success Rate)

• Issue: Users were confused between Knitwear and Sweaters, leading to misclicks.

• Path Deviation: Some users searched under Tops > Sweatshirts before finding Sweaters.

• Avg. Clicks: 4.2 clicks, indicating a longer-than-expected path.

• User Frustration: Higher abandonment suggests users gave up due to category confusion.

 

2. Search & Category Visibility (Men’s Perfume – 87% Success Rate)

• Issue: Some users mistakenly navigated through Clothes instead of Colognes.

• Path Deviation: Users who failed went through Men > Accessories before reaching Colognes.

• Avg. Clicks: 3.1 clicks, relatively efficient, but could be improved with better visibility.

 

3. Efficient Discovery (Eyebrow Stick – 93% Success Rate)

• Issue: A few users took an indirect route (Women > Beauty > Accessories instead of Makeup> Eyes).

• Avg. Clicks: 2.8 clicks, fastest task completion, suggesting Beauty & Makeup sections are better structured than other categories.

Information Architecture - in process

WhatsApp Image 2025-03-28 at 23.07.04.jpeg
WhatsApp Image 2025-03-28 at 23.07.04 (1).jpeg

Design

Low-Fidelity Wireframes

WhatsApp Image 2024-11-04 at 10.29.13.jpeg
WhatsApp Image 2024-10-28 at 00.35.05.jpeg
WhatsApp Image 2025-03-28 at 23.06.41.jpeg

High-Fidelity Wireframes

Prototype for Usability Testing

Screenshot 2025-03-29 at 12.53.44 AM.png

Desktop protoype

Phone protoype

Screenshot 2025-03-29 at 12.54.02 AM.png

Test

Usability testing on Laptop

Usability testing on phone

No. of Participants - 3

Age - 25 to 30

​

Task 1 - To find a white sweater woman through the search button.

Time taken by 3 Participants - 6 sec, 4 sec, 5 sec.

No. of clicks - 2

 

Task 2 - To find sweaters for women without using the search button.

Time taken by 3 Participants - 6 sec, 7 sec,  6 sec.

No. of clicks - 4 

No extra help was required.

Testing Analysis

Task 1 observations

  • The search functionality was quick and efficient. Minimal time and clicks show the search button is well-placed and intuitive.

  • No confusion indicates clear labeling and results.

 

Task 2 observations

  • Navigation was quicker compared to the original site.

  • The task was completed successfully with no confusion, showing logical site navigation.

 

Overall Insights

  • The search button greatly improves task efficiency, reducing time and clicks.

  • Navigation is intuitive, but search remains the faster option.

  • Clear labeling and layout contribute to user success without needing external help.

  • The homepage looks more like a website & not a magazine.

bottom of page