Work Collection

Enhancing product discovery & app navigation

Identifying the Problem

Shopping for eyewear online comes with unique challenges. Users need an easy way to explore, compare, and understand products before making a purchase. However, the app faced several key issues that made this process difficult, leading to lower engagement and conversions.

Defining the Goal

Our goal was to reimagine the app experience with a product-first approach—one that clearly communicates the value of each product or collection, creates a visually immersive interface, and helps users explore with ease. We planned to achieve this with:

Research & Key Findings

To understand pain points in browsing and product discovery, we conducted qualitative and quantitative research:

User Interviews with recent customers (within 30–60 days of purchase), Click-Through Rate Analysis of homepage widgets, Collaborated with PMs to identify underperforming sections and user patterns

Navigation Structure

Small, dense widgets overloaded the user with choices

Poor categorisation & hierarchy made browsing inefficient

Lack of personalisation- users had to navigate manually

Interaction Patterns

Horizontal scrolls had low engagement

Larger, bolder widgets outperformed others

Engaged users scrolled deeper into the page with intent

Content Clarity

Content
Clarity

Unclear product value & USP confused users

Lack of visual storytelling around products made discovery harder

Brand terms didn’t align with user search behaviour

Design Process

We approached this redesign feature by feature—prioritizing high-impact areas that could immediately improve discovery, engagement, and user understanding. Each module was rethought from the ground up, backed by user insights and business goals. This allowed us to continuously iterate, measure, and refine the experience without overhauling the entire app at once.

Reels & Stories Widgets

FEATURE 1

Short videos and statics with engaging, immersive format that helped users grasp the ‘why’ behind products, increased engagement and nudged them toward confident purchases. This was ideal for lightweight storytelling around newer or feature-rich collections.

Reels & Stories

FEATURE 1

Short videos and statics with engaging, immersive format that helped users grasp the ‘why’ behind products, increased engagement and nudged them toward confident purchases. This was ideal for lightweight storytelling around newer or feature-rich collections.

Stories

Tap-through visuals for educational and product-based storytelling

Tap-through story formats allowed us to provide quick, engaging education around products, features, and benefits—such as lens types, material upgrades, or collection highlights. Designed to feel familiar and light, they helped users understand complex details without feeling overwhelmed.

Each story included light text overlays and a Shop Now CTA, making it easy for users to move from learning to purchasing in just a few taps.

Reels

Auto-play, short-form videos for visual storytelling for key collections

To better communicate the essence of new collections, we introduced Reels—short, intriguing videos designed to grab attention and convey product value in seconds. These offered a high-impact format to tell compelling stories around materials, design, and trends.

Each reel included a Shop Now CTA linking to the collection page. For key drops, we added relevant filters (like Men/Women or Eye/Sun) and product rails to guide exploration based on intent.

Stories

Tap-through visuals for educational and product-based storytelling

Tap-through story formats allowed us to provide quick, engaging education around products, features, and benefits—such as lens types, material upgrades, or collection highlights. Designed to feel familiar and light, they helped users understand complex details without feeling overwhelmed.

Each story included light text overlays and a Shop Now CTA, making it easy for users to move from learning to purchasing in just a few taps.

Reels

Auto-play, short-form videos for visual storytelling for key collections

To better communicate the essence of new collections, we introduced Reels—short, intriguing videos designed to grab attention and convey product value in seconds. These offered a high-impact format to tell compelling stories around materials, design, and trends.

Each reel included a Shop Now CTA linking to the collection page. For key drops, we added relevant filters (like Men/Women or Eye/Sun) and product rails to guide exploration based on intent.

Tabbed Navigation

FEATURE 2

We simplified product discovery for browsing by budget or intent through quick-access tabs. This reduced friction by surfacing the right products early. We chose a horizontal tab layout placed just below the header for maximum visibility and ease.

Reels & Stories Widgets

FEATURE 1

Short videos and statics with engaging, immersive format that helped users grasp the ‘why’ behind products, increased engagement and nudged them toward confident purchases. This was ideal for lightweight storytelling around newer or feature-rich collections.

Tabbed Navigation

FEATURE 2

We simplified product discovery for browsing by budget or intent through quick-access tabs. This reduced friction by surfacing the right products early. We chose a horizontal tab layout placed just below the header for maximum visibility and ease.

Before

No clear product segmentation based on user intent or budget

No clear product segmentation based on user intent or budget

Users had to sift manually to find relevant products

Users had to sift manually to find relevant products

High drop-offs due to overwhelming choice and lack of guidance

High drop-offs due to overwhelming choice and lack of guidance

Phase 1

Introduced tabs based on price tiers: Sale, Budget, & Premium

Introduced tabs based on price tiers: Sale, Budget, & Premium

Helped users quickly land on products in their price range

Helped users quickly land on products in their price range

Reduced decision-making time and ease in finding products within their interest

Reduced decision-making time and ease in finding products within their interest

Phase 2

Expanded to tabs based on browsing intent, bestsellers and top searches

Expanded to tabs based on browsing intent, bestsellers and top searches

Surfaced categories based on personalisation & user base

Surfaced categories based on personalisation & user base

Improved discovery, exploration, clarity and return visits

Improved discovery, exploration, clarity and return visits

Before

No clear product segmentation based on user intent or budget

No clear product segmentation based on user intent or budget

Users had to sift manually to find relevant products

Users had to sift manually to find relevant products

High drop-offs due to overwhelming choice and lack of guidance

High drop-offs due to overwhelming choice and lack of guidance

Phase 1

Introduced tabs based on price tiers: Sale, Budget, & Premium

Introduced tabs based on price tiers: Sale, Budget, & Premium

Helped users quickly land on products in their price range

Helped users quickly land on products in their price range

Reduced decision-making time and ease in finding products within their interest

Reduced decision-making time and ease in finding products within their interest

Phase 2

Expanded to tabs based on browsing intent, bestsellers and top searches

Expanded to tabs based on browsing intent, bestsellers and top searches

Surfaced categories based on personalisation & user base

Surfaced categories based on personalisation & user base

Improved discovery, exploration, clarity and return visits

Improved discovery, exploration, clarity and return visits

Pre Home: Start Screen

FEATURE 3

As features were added, we introduced a focused entry screen to guide users based on intent —browsing, reordering or finding deals.

Pre-Home was designed to surface relevant paths to align with user intent and enable personalised content to add structure to the journey and improve discoverability.

Phase 1

Introduced tabs based on price tiers: Sale, Budget, & Premium

Introduced tabs based on price tiers: Sale, Budget, & Premium

Introduced tabs based on price tiers: Sale, Budget, & Premium

This helped users self-select their journey upfront, reducing the effort needed to browse through unrelated content.

This helped users self-select their journey upfront, reducing the effort needed to browse through unrelated content.

This helped users self-select their journey upfront, reducing the effort needed to browse through unrelated content.

Phase 2

Added new tiers based on tabs aligned to user behaviour and top-performing categories

Added new tiers based on tabs aligned to user behaviour and top-performing categories

Added new tiers based on tabs aligned to user behaviour and top-performing categories

Evolved the screen into a lightweight recommendation engine

Evolved the screen into a lightweight recommendation engine

Evolved the screen into a lightweight recommendation engine

Allowed users to jump into relevant content

Allowed users to jump into relevant content

Allowed users to jump into relevant content

Homepage Evolution

FEATURE 4

Each modular intervention—Reels, Stories, Tabs and Pre-Home—was a step toward reimagining the homepage. By observing user behaviour and layering features, we evolved the layout and hierarchy to reduce cognitive load, improve relevance, and guide users more intuitively through the app.

Homepage Evolution

FEATURE 4

Download the app or visit m-site

Download the app or visit m-site

Crafted in Delhi, shipping worldwide ✈️ | © 2025 Tarannum Sehgal

Back to top

Let's build something great together

Let's Talk

Drop me an message

sehgaltarannum@gmail.com

Crafted in Delhi, shipping worldwide ✈️ | © 2025 Tarannum Sehgal

Back to top

Let's build something great together

Let's Talk

Drop me an message

sehgaltarannum@gmail.com

Crafted in Delhi, shipping worldwide ✈️ | © 2025 Tarannum Sehgal

Back to top

Let's build something great together

Let's Talk

Drop me an message

sehgaltarannum@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.