Work About Journal Now Work with me Download resume ↓

Work / Case study 02

Tata CLiQ Luxury · App homepage

In e-commerce, less can sell more.

The homepage kept getting longer and working less. We rebuilt it around what people do first.

The redesigned Tata CLiQ Luxury app homepage on a phone, resting on an envelope.
My role
Project leadUX vision, UI design and creative direction
Year
2023
Team
3 designers · 4 teamsWith Product, Business, Marketing and Creative
Platform
iOS & AndroidThe Tata CLiQ Luxury app
+31%conversion
+200%clicks per visit
+29%product-listing views per visit
−50%bounce rate

Scope · Strategy, data-informed design, components, guidelines

What everyone saw

Every team wanted more space on the homepage. The page kept growing, and fewer people clicked the further they scrolled.

What we uncovered

People didn't want more. They wanted what mattered to them, sooner. 40% of all taps went to one choice: men or women.

What we built

Context-based homepages, an immersive showcase for the exclusive brand stores, and modular components the business can run on its own.

What changed

+31% conversion, +200% clicks per visit, +29% listing views per visit, and a bounce rate cut in half.

I. Context

A homepage that couldn't keep up with the business.

Tata CLiQ Luxury grew fast. Each new offering became another row on the homepage, and the page kept getting longer while fewer people scrolled down it.

My job was to set the vision for a world-class luxury homepage, and deliver it.

The old Tata CLiQ Luxury app homepage: a long page of stacked banners.
Before
The new homepage: an immersive hero with store tabs and curated brand content.
After
II. Defining the scope

Bringing focus to a vast, open-ended brief.

Business, marketing and creative each arrived with their own wish list. I sat with each team until we could name one core problem per team. Three clear problems are easier to solve than one big, vague one.

Sticky-note boards of current challenges and constraints, grouped into three key focus areas: modular components for UI, UX and creative; click-through and brand recall for marketing; exclusive stores and brand placement for business.
  1. Design modular components with function and flexibility in mindNew components had to flex with changing business and marketing needs and adapt to graphic themes, without frequent design or development work.
  2. Improve engagement on the homepageLow click-through below the second fold showed the content wasn't being presented well.
  3. Increase visibility for exclusive global brand storesThe app's exclusive international brand stores were hard to find and needed a proper showcase.
III. What the data said

40% of taps went to one choice: men or women.

A quick expert review, checked against analytics and attention maps, showed where people looked, and where they didn't.

Two homepage screens annotated with click shares: 40% on men and women quick links, 16% on hero banners, 15% across category tiles.
Fig. 1Where the clicks went.
The old homepage annotated with problems found in the heuristic evaluation.
Fig. 2Attention mapping and heuristic evaluation.
  1. 40% of clicks went to the Men and Women quick linksPeople wanted to filter what they saw by gender right at the start of their journey.
  2. 16% went to brand-focused hero bannersPeople were sometimes curious about what their favourite brands had on offer.
  3. 15% went to the popular categories carouselPeople valued a quick, easy route to the categories they were looking for.
IV. The approach

We split one vague brief into three problems, and solved them in parallel.

To make the scope manageable, I broke it into focused pieces the team could explore in parallel:

Part one

Visibility for app-in-app stores

Give the exclusive brand stores a place to shine without crowding the page.

Part two

Homepage engagement

Make the first two folds do the work the whole page used to attempt.

Part three

Structure & components

A modular system the business can refresh without design or dev help.

V. Brand stores

Giving the exclusive brand stores a place to shine.

We explored many directions, then tested them with the business and creative teams. Their limits became our design brief. Working alongside them, not presenting to them, got us to one answer everyone could stand behind.

An iteration board: logo grids, stacked banners, immersive carousels and store-front imagery, each annotated with pros and cons, converging on the final Luxe Avenue component.
Fig. 3 Iterations, each weighed against the business, the brands and the user.
The final brand store component: store tabs for TimeVallée, Le Mill and IndiLuxe with a full-bleed image and brand logos.

An immersive showcase for the exclusive global brand stores.

It met every constraint the business raised, and the brands loved it.

  1. It solved store adjacency and put sub-brands in focusOne immersive component brought attention to the exclusive stores and the brands inside them, and solved tier-wise placement.
  2. Timed auto-transitions kept every store visibleStore details sit behind tabs, but story-like timing meant discoverability didn't suffer.
  3. Engagement rose 300%A permanent focal spot on the third fold put far more eyes on our flagship brand stores.
VI. Context-based navigation

Relevance first, then everything else.

First-launch screen with a personalised greeting, cycling store pages and a prompt to explore the chosen store.
Personalised greeting, tap to enter, context-based homepages

Insight. People wanted relevant content from the start, which the gender choice at the top of the journey showed clearly.

Idea. Ask people what they're looking for on first launch. It gives them relevance while keeping business offerings visible.

Experience. On first launch, people pick the store they came for. That becomes their homepage next time, and they can switch anytime. Only the men's and women's homepages become defaults, so the full offer stays in view.

VII. The final homepage

Engaging, dynamic, modular, and easy to refresh.

The final homepage with store tabs, hero banner and category shortcuts all within the first two folds.
  1. Everything important within the first two foldsSwitching between contextual homepages, catching up with favourite brands, and reaching every product category, all without scrolling far.
  2. Modular component designFlexible enough for the creative team to use themes and occasions fully, and simple enough for teams to update without errors.
  3. New ways to group and showcase brandsComponents that let business teams cluster brands from different tiers and show them in distinct ways.
Modular banner component.
Modular banners
Adaptive grid that becomes a carousel.
Adaptive grid to carousel
Varied brand showcase component.
Varied brand showcases
VIII. Handover

A design only works if the people running it understand it.

My job didn't end at handoff. Through training sessions and one shared spec document, creative, category, content and merchandising teams all worked from the same source of truth.

Pages from the export specs document detailing component sizes, image ratios and content rules.
Fig. 4 One source of truth for every team that touches the homepage.
IX. Impact

What changed, and what made it work.

+31%conversion
+200%clicks per visit
+29%PLP views per visit
−50%bounce rate
The live first-launch experience: a personalised 'Good Evening' greeting over an immersive image, with store tabs for Men, Women, Beauty and Home.

Active data tracking and stakeholder management were critical to our success.

Teams that had never worked closely started working together. We tracked data from day one, tested against a control group and watched behaviour, so we could fix problems before they grew.

Page views per visit also fell by 10%, alongside the rise in listing views and conversion.

Key contributions

  • Aarti Kava: Project lead, UX & UI design
  • Anaya Purandare: UI design & documentation
  • Aryan Kandhari: UX research & UI design

Keep reading

More case studies

See all work →