The Making of

Color with Asian Paints - Designer in your pocket.

Mobile visualizer redesign. Gold at Campaign India Digital Crest Awards 2019 for Best Use of Interaction Design.

Client · Asian Paints
4 months
Lead Designer
Mobile · Award-winning
Campaign India Digital Crest Awards 2019 Gold

Campaign India Digital Crest Awards 2019 - Gold, Best Use of Interaction Design

The Problem

Users were uninstalling within hours.

Asian Paints had built a mobile visualizer app to let users preview how their personal space would look with different colors and textures. But engagement was minimal - users were uninstalling within a day or within a few hours.

The goal: redesign the app to make it intuitive and usable, grow the base of potential customers, and drive business through Asian Paints' services.

Type

Client Project · Asian Paints

Duration

4 months

My Role

Lead Designer

Starting Point

Previous designs.

Sample screens from the existing Asian Paints visualizer - the baseline we were redesigning away from.

Previous Asian Paints app screens
What We Learned

Insights & goal.

1. 8 users interviewed across Mumbai, Chandigarh and Bengaluru.

2. We paint our houses every 4–5 years - a rare, high-stakes decision.

3. 8 of 8 users took inspiration from neighbours and family. 3 of 8 also pulled inspiration from Pinterest and Houzz.

4. Users still relied on paint catalogues from stores to imagine how a color would look.

5. 2 of 8 users repainted a different color as soon as they saw their first choice on the wall.

The Reframe

Three features the app needed to do well.

Based on the research and Asian Paints' vision:

• Help users get inspired, explore, and capture ideas.

• Equip them to visualize their space, customize, and engage.

• Empower them with a knowledge base of product offerings.

Structure

Information architecture.

With the features identified, I built a basic IA to map the flow of information across screens.

Information architecture diagram
Exploration

Wireframes.

The concept was designed in medium-fidelity prototypes using InVision.

Home page wireframes

Wireframes for Home Page

Visual editor wireframes

Wireframes for Visual Editor

Catalogue wireframes

Wireframes for Catalogue

Validation

Usability testing.

User testing was conducted to validate if users could perform their intended tasks and to assess overall satisfaction.

A/B testing with two visual-editor options

A/B test option A A/B test option B

1. Navigation from both screens was easy for participants.

2. All participants understood they could select a colour using long press.

3. Most participants found linear representation convenient - they could see all colours at once. A few felt indifferent to the representation.

The Final App

Visual design.

Visual design screen 1
Visual design screen 2
Visual design screen 3
Visual design screen 4
Visual design screen 5
Visual design screen 6