Objective
Designing for Decision, Retention & Loyalty
Closing the gap between browsing and buying — helping users make confident purchase decisions, reducing friction along the journey and building brand loyalty
Industry
E-commerce | Eyewear
SERVICES
Product Design | UI UX Design | Growth Strategy
Deliverables
Mobile App
Impact
2× conversions · 40% reduction in dropoffs
Product Details Page (PDP): Designing for confidence
The Opportunity
The PDP had the fundamentals covered, but shopping for eyewear is inherently visual and contextual. Users needed more than specifications—they needed to see how a product looks, understand what makes it different, and imagine themselves wearing it.
MY role
As part of the PDP revamp, I worked across the team to introduce richer, more contextual ways to evaluate a product. Real people wearing it, styling it in context, and understanding its details up close."
Objective
How might we help someone picture themselves in a product?
01
See it on real people
Static product photography answers “what does it look like?”
Video content helps answer “what could it look like on me?”
A video-first inspiration layer featuring creators, influencers and campaign shoots was incorporated, giving users a more contextual view of the product before making a purchase decision.
02
From inspiration to possibility
Seeing a product on someone is useful. Seeing how it can fit into different styles and occasions takes the decision one step further.
A visual bento grid was introduced that showed the same product across different outfits, settings and styling directions — helping users imagine how it could work in their own wardrobe.
03
Make product details easier to understand
Important specifications were often buried within conventional product information. This was put into interactive feature boards that turned key attributes into visual, digestible moments.
Material. Weight. Lens technology. Construction. Features.
Instead of asking users to read through specifications, the boards let the product explain itself visually.
Lens Selection Stepper:
Building a guided journey
The Opportunity
Choosing a frame is intuitive. Choosing the right lens is not.
The previous experience compressed power selection, lens options and prescription details into a single screen, leaving users to navigate a complex set of choices with limited context.
How might we
How might we simplify a complex lens decision into a guided journey, giving users enough information and confidence to make the right choice?
Key Research Findings
These findings came from two sources running in parallel — behavioural analytics reviewed weekly across lakhs of users, and intermittent user interviews conducted in-office and at Lenskart stores.
Navigation Structure
Small, dense widgets overloaded choices
Poor categorisation & hierarchy made browsing inefficient
Lack of personalisation forced manual navigation
Interaction Patterns
Horizontal scrolls had low engagement
Larger, bolder widgets outperformed others
Engaged users scrolled deeper into the page with intent
Content Clarity
Unclear product value & USP confused users
Lack of visual storytelling around products complicated discovery
Brand terms didn’t align with user search behaviour
Addition of Reels & Stories
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.
System architecture — how Reels and Stories were designed to connect across every surface in the app
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.
Each tab surfaces a different intent — but the same component library runs underneath. Below: how the system adapts across Premium, Classic, Essentials, and category-specific views.
Collection & Landing Pages
Each landing and collection page was crafted to tell the story of a collection—combining branding, features, and product depth in a single experience.
Product pages were generic and interchangeable — no sense of collection identity, no storytelling layer. We rebuilt each one to carry its own visual narrative while staying within the system.
Pre Home: Start Screen
As features were added, we introduced a focused entry screen to guide users based on intent. 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.
Pre-Home was a deliberate experiment — and one I had reservations about from the start. Adding a decision screen before the homepage adds friction before the user has seen anything worth staying for.
Home Page
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.
Outcomes & Reflection
No single feature drove these numbers. It was the compound effect of fixing what was broken at every layer — architecture, navigation, discovery, and content.
+20%
CTR increase
x2
Conversions
+30%
Return Users
80%
Online business growth
Over the years, we moved from a widget-dumping ground to a product with intentional hierarchy, measurable engagement and a design team with real influence over business decisions. Some things worked immediately— tabbed navigation, collection pages, the homepage restructure. Some things didn't— Pre-Home, Phase 2 tabs— and we pulled them quickly. The 80% growth in online business is the number I'm most proud of, not because design alone drove it but because it happened in a period when design went from being an afterthought to being in the room where product decisions were made.
