What was the product ?

A B2C Ai- beauty analyser web-application that analyses data from over 30 million faces to revamp the beauty service unit, providing accessible, personalized skincare at home.

Source: https://www.instagram.com/lakmeindia/p/CZCSeECtWLd/

What was the product ?

A B2C Ai- beauty analyser web-application that analyses data from over 30 million faces to revamp the beauty service unit, providing accessible, personalized skincare at home.

Source: https://www.instagram.com/lakmeindia/p/CZCSeECtWLd/

Team structure

Client(India) I Project Manager(India) I Sr. Associate QA, L1 | Frontend Developer | Sr. Manager Technology | Product Designer (Yup, that's me!)

My role

  • He was the sole designer, independently handling project requirements.

  • He conducted live design sessions, design walkthroughs with the client.

  • He defined brand's visual language in Figma style guide.

  • He created responsive UI screens from scratch for key UI flows including Homepage, Product screen, Quiz & Ai face mapping.

  • He created visual infographics for product screens, displaying skin scores, skin masks, etc.

  • He created end-to-end working prototypes for the entire team to follow.

  • He conducted accessibility checks as per AA WCAG guidelines.

Client

Hindustan Unilever Ltd.

Project timeline

Jun 2021 - Sep 2021

Industry

Consumer products

Tools used

Ways of working

Ways of working

Ways of working

Agile working model

POD, or Product-oriented Delivery, leverages agile, cross-functional teams for end-to-end product management, aligning with efficient project breakdowns.

Broader Design Process

Broader Design Process

Broader Design Process

Working with the Product/ Dev team

Shopping process

Shopping process

Shopping process

How users shop online for skincare ?

Each user tends to have a unique set of personalization requests as people are becoming more and more awae of their unique skin requirements.

Defining our user

Defining our user

Defining our user

We took the 2nd use case because...

We are focusing more on millenial users, living in metro cities, having ultra busy lifestyle and dynamic skincare requirements with little or no bandwidth to focus on their daily skincare routine.

Problem statement

Problem statement

Problem statement

What are we trying to solve ?

Lakmé has this wonderful range of products that covers all skincare issues whereas on the other side our target user is basically clueless on how to fix their skincare issues.

How can Lakmé bridge this gap, empowering users and maximizing customer satisfaction?

Blockers

Blockers

Blockers

Peak Covid in 2021!

Lakmé India was struggling badly with primary reasons as mentioned below:

Reduced demand due to people getting restricted within their homes due to lockdown.

  • Profitability took a major hit as their primary business Lakmé salons were now mostly vacant.

  • Shifting consumer behaviour forced them to boost their online presence and sell products online

  • Analysed legacy web app user flows and design system.

  • Designed hi-fi visuals for 150+ reports, Schedules, Inbox, etc.

  • Prototyped and managed 520+ UI designs on Invision for client feedback.

  • Collaborated on designs for sessions, quizzes, and initiatives to boost team knowledge.

Approach

Approach

Approach

How are we trying to solve it

Of all the activities that the target user does before buying any product, like reading articles, following social media influencers, etc. we wanted to build a one stop digital solution that helps our users in fulfilling their dynamic skincare needs effortlessly.

Working

Working

Working

How our solution works!

Of all the activities that the target user does before buying any product, like reading articles, following social media influencers, etc. we wanted to build a one stop digital solution that helps our users in fulfilling their dynamic skincare needs effortlessly.

Detailed flow

Detailed flow

Detailed flow

Wireframes

Wireframes

Wireframes

Hi -fidelity screens

Hi -fidelity screens

Hi -fidelity screens

Landing screen

Yeah but how did we create these designs ?

Every design iteration had some good points and improvements that shaped the final UI.

Selfie screens

Submitting images for Ai Image Processing

Users can submit images via selfies or gallery photos to our AI model, with user permission for skin analysis.

Quiz

Generic Q&A with user:

User data refines AI tests, offering tailored skincare solutions to address individual skin concerns.

Skin results

Ai - generated skin results:

Ai evaluates user info, providing detailed skin analysis, customized products, and articles. Reports are downloadable; retests are available.

Custom illustrations

Custom made illustrations

Highlighting skin concerns

Crafted compelling visual depictions of the skin concerns prioritized by the AI model to captivate the user's focus.

Business impact

100k/day to 500k/day

User engagement that leads to 400% increase in

daily website traffic.

Increase in daily website traffic that leads to 400% increase in daily website traffic.

Increase in daily website traffic that leads to 400% increase in daily website traffic.

30 million

Ai analysed images used to deliver personalized skincare recommendations

Testimonial

Aran Cheong

Global Assistant Brand Manager @Unilever

"Ankit's input streamlined design decisions, eliminating back-and-forth, and expediting approvals. His contributions were instrumental in enhancing the consumer journey while maintaining our premium brand image. Excited for future collaborations."

Khushbu Varshney

Sr. Manager Agile Program Management @Publicis Sapient

"Ankit excelled in managing a complex client for Lakme's AiBA project, demonstrating Openness by seeking clarification and providing valuable input. His contributions greatly enhanced the project's success."

Nikhil Malhotra

Sr. Manager Agile Program Management @Publicis Sapient

"Ankit effectively communicated dependencies, provided concise design recommendations to clients, and delivered appreciated final designs. Even post-project, he contributed to asset updates. He managed three assignments well, setting clear expectations and improving his estimating skills."

More case studies

More case studies

More case studies

Leading Bank's

Leading Bank's

B2B Web application | Financial services

B2B Web application | Financial services

Digiwhistle's

Digiwhistle's

SaaS ERP portal | Marketing & Advertising

SaaS ERP portal | Marketing & Advertising

Come say hi, guys! 👋

© Ankit Maurya 2024

Come say hi, guys! 👋

© Ankit Maurya 2024