MIA BY TANISHQ
MIA BY TANISHQ
MIA BY TANISHQ
e-commerce
mobile app Revamp
e-commerce
mobile app Revamp
Improving how customers review, manage, and complete their jewellery purchases within the MiaByTanishq ecosystem.
Improving how customers review, manage, and complete their jewellery purchases within the MiaByTanishq ecosystem.
Improving how customers review, manage, and complete their jewellery purchases within the MiaByTanishq ecosystem.
Design Scalability
Design Scalability
Design Scalability
Atomic Methodology
Atomic Methodology
Atomic Methodology
Component Library
Component Library
Component Library
CONTEXT
CONTEXT
CONTEXT
During my graduation project at Titan, I was embedded with the Mia by Tanishq product team. Mia's website had been gaining significant traction, and the team recognised it was time to give the app — which had been built as a placeholder channel rather than a considered product — the attention it deserved.
During my graduation project at Titan, I was embedded with the Mia by Tanishq product team. Mia's website had been gaining significant traction, and the team recognised it was time to give the app — which had been built as a placeholder channel rather than a considered product — the attention it deserved.
During my graduation project at Titan, I was embedded with the Mia by Tanishq product team. Mia's website had been gaining significant traction, and the team recognised it was time to give the app — which had been built as a placeholder channel rather than a considered product — the attention it deserved.
The brief: redesign the navigation, home page, categories page, and product listing page (PLP), to be released across multiple sprints.
The brief: redesign the navigation, home page, categories page, and product listing page (PLP), to be released across multiple sprints.
SCOPE
SCOPE
SCOPE
User Experience
User Research
Usability Testing
Interface Design
User Experience
User Research
Usability Testing
Interface Design
User Experience
User Research
Usability Testing
Interface Design
ROLE
ROLE
ROLE
UX Designer
UX Designer
UX Designer
TIMELINE
TIMELINE
TIMELINE
4 Weeks
4 Weeks
4 Weeks
View
View
WHAT WAS BROKEN
WHAT WAS BROKEN
WHAT WAS BROKEN
A heuristic evaluation of the existing app revealed a core structural issue, almost every page led to the same single path: filter by category → PLP → PDP → cart. There was no other way for a shopper to discover jewellery.
Beyond navigation, the app felt disconnected from Mia's identity. The brand is known for being cheerful, expressive, and pink — but the app communicated none of that.
A heuristic evaluation of the existing app revealed a core structural issue, almost every page led to the same single path: filter by category → PLP → PDP → cart. There was no other way for a shopper to discover jewellery.
Beyond navigation, the app felt disconnected from Mia's identity. The brand is known for being cheerful, expressive, and pink — but the app communicated none of that.
The brief: redesign the navigation, home page, categories page, and product listing page (PLP), to be released across multiple sprints.
The brief: redesign the navigation, home page, categories page, and product listing page (PLP), to be released across multiple sprints.
The brief: redesign the navigation, home page, categories page, and product listing page (PLP), to be released across multiple sprints.
UNDERSTANDING THE USER
UNDERSTANDING THE USER
UNDERSTANDING THE USER
Using Google Analytics 4 data and stakeholder briefings, I found that 80% of Mia's app users were coming directly from Mia's Instagram. This was a crucial insight — these users already had a strong visual relationship with the brand through social media.
This told me two things: the app needed to feel consistent with Instagram's visual language, and users were likely arriving with high visual expectations.
Using Google Analytics 4 data and stakeholder briefings, I found that 80% of Mia's app users were coming directly from Mia's Instagram. This was a crucial insight — these users already had a strong visual relationship with the brand through social media.
This told me two things: the app needed to feel consistent with Instagram's visual language, and users were likely arriving with high visual expectations.
UNDERSTANDING THE USER
UNDERSTANDING THE USER
UNDERSTANDING THE USER
Using Google Analytics 4 data and stakeholder briefings, I found that 80% of Mia's app users were coming directly from Mia's Instagram. This was a crucial insight — these users already had a strong visual relationship with the brand through social media.
This told me two things: the app needed to feel consistent with Instagram's visual language, and users were likely arriving with high visual expectations.
Using Google Analytics 4 data and stakeholder briefings, I found that 80% of Mia's app users were coming directly from Mia's Instagram. This was a crucial insight — these users already had a strong visual relationship with the brand through social media.
This told me two things: the app needed to feel consistent with Instagram's visual language, and users were likely arriving with high visual expectations.
KEY DECISIONS → NAVIGATION
KEY DECISIONS → NAVIGATION
KEY DECISIONS → NAVIGATION
Given that increasing user engagement on the home page was the primary business metric, I redesigned the navigation to prioritise scrollability — keeping the home page open and explorable rather than routing users away immediately.
Given that increasing user engagement on the home page was the primary business metric, I redesigned the navigation to prioritise scrollability — keeping the home page open and explorable rather than routing users away immediately.
A key finding: navigation panels were inconsistent across pages, and disappeared entirely on some screens. Fixing this became the first release priority.
A key finding: navigation panels were inconsistent across pages, and disappeared entirely on some screens. Fixing this became the first release priority.
CATEGORIES PAGE
CATEGORIES PAGE
CATEGORIES PAGE
This page involved the most debate. Research from a Google workshop on shopper insights pointed in one direction; internal company data pointed in another. I advocated for organising the page by product categories and subcategories for clarity. The product team preferred listing all categories and subcategories together for maximum visibility.
This page involved the most debate. Research from a Google workshop on shopper insights pointed in one direction; internal company data pointed in another. I advocated for organising the page by product categories and subcategories for clarity. The product team preferred listing all categories and subcategories together for maximum visibility.
PRODUCT LISTING PAGE
PRODUCT LISTING PAGE
PRODUCT LISTING PAGE
The PLP was cluttered with fragmented controls. I grouped related elements — filters, sort, and smart filters — together, and increased the product image size on cards to reduce the need to tap into the PDP just to see the product clearly.
The PLP was cluttered with fragmented controls. I grouped related elements — filters, sort, and smart filters — together, and increased the product image size on cards to reduce the need to tap into the PDP just to see the product clearly.
A key finding: navigation panels were inconsistent across pages, and disappeared entirely on some screens. Fixing this became the first release priority.
A key finding: navigation panels were inconsistent across pages, and disappeared entirely on some screens. Fixing this became the first release priority.