triangle-bottom
Ecommerce

Transforming Lakmé’s E-commerce Platform for Seamless Beauty Shopping

f1studioz helped with crafting the user experience and user interface design for the Lakme e-commerce mobile website.

mobile
bannerImg
triangle-top
triangle-top
red-paint
introduction

meet our client

India’s most biggest and trusted make up brand, since 1952 owned by Hindustan Unilever. Lakme is a beauty brand built around Indian women and its cosmetic products are at par with International standards

missionIcon

Vision

Vision is provide Lakme products for every Indian woman, no matter what stage.

visionIcon

Mission

To help women own their beauty and amp-up its impact everyday.

meet our client

challenges

ripples
change01Icon

How can we increase conversion rate on mobile? How can we avoid drop-offs from landing pages?

challenge02Icon

How can we engage new and returning users, make it mobile friendly and point to nudges at the right time.

challenges

our process

  • Requirement Gathering
  • Gap Understanding from the brand team
  • Secondary Research
  • Information Architecture
  • Lo-Fi Wireframes
  • Hi-Fi Wireframes
  • Working Prototype
our-process
  • Heuristic Evaluation
  • Competitors Analysis
  • GA + Heatmap Analysis
  • Measured the data
  • Optimised the design
  • Visual Design
  • User Testing
  • A/B Testing
our process

customer segmentation

ripples
makeup
Beauty Junkie

shimmering sparkle mix and match of pop colors

clean
Beauty Enthusiast

completely obsessed with everything new

lipstick
Beauty Beginner

seeking simple and everyday makeup look

understanding

our approach

1
Heuristics &
Competitor Analysis
Cognitive analysis

Identifying the existing and competitor insights into user interaction (Google analytics,heatmaps)

2
Behavioural
analysis
Behavioural Analysis

Measured and analysed visitor behaviour analysis across multiple touch points from visit to conversion.

3
Measure &
Optimise
Iterate and test

Measure and optimise the design based on the analysis followed by testing.

wireframes

Our team crafted these hi-fidelity wireframes once the UX strategy was ready and converted them into a clickable prototype.

wireframes-desktop
wireframes-mobile
Wireframes

Visual Design

visual-design
visual-design
pallet
ripples
pallet
section-9-left-image
section-9-left-t-image
section-9-left-b-image
section-10-img-desktop
section-10-img-mobile
section-11-img-desktop
section-11-img-mobile
idea-logo
conclusion

By observing user behavior and conducting testing, we obtained insights into requirements, boosting conversion rates. Market research and competitive analysis aided in understanding competitors, reducing bounce rates. Analyzing data like heatmaps and user feedback provided insights into design interaction. A consistent design language fostered loyalty, trust, and a memorable brand perception among customers