Ashish Sharma

Colour Lenses AR Try-on

Colour Lenses AR Try-on

Color lens try-on lets users see how different shades look live on their eyes.

Color lens try-on lets users see how different shades look live on their eyes.

About

About

Color lens try-on lets users see how different shades look live on their eyes. They can easily compare the 'with' and 'without' lens look, plus zoom in and out to focus on the details.

Color lens try-on lets users see how different shades look live on their eyes. They can easily compare the 'with' and 'without' lens look, plus zoom in and out to focus on the details.

Company:

Company:

Full time with Lenskart

Full time with Lenskart

My Role:

My Role:

Senior Product Designer

Senior Product Designer

Year:

Year:

2024

2024

Time period:

Time period:

2-3 weeks

2-3 weeks

Impact

Impact

Data measured after 3 weeks

Data measured after 3 weeks

> Earlier when there was no AR experience, the conversion for colour lens was 1.6%

> Earlier when there was no AR experience, the conversion for colour lens was 1.6%

> With the Introduction of AR in colour lens, conversion increased to 2.5%

> With the Introduction of AR in colour lens, conversion increased to 2.5%

Conversion
with AR:

Conversion
with AR:

2.5% ❤️

2.5% ❤️

Average
Session time:

Average
Session time:

50 secs ❤️

50 secs ❤️

Why to design AR for
Colour lens?

Why to design AR for
Colour lens?

Insights from Primary search

Insights from Primary search

> Lack of Trial Before Purchase – Users cannot see how a colored lens looks on them before buying, leading to uncertainty.

> Lack of Trial Before Purchase – Users cannot see how a colored lens looks on them before buying, leading to uncertainty.

> Color Mismatch Issues – The actual lens color may look different from packaging or product images, causing dissatisfaction.

> Color Mismatch Issues – The actual lens color may look different from packaging or product images, causing dissatisfaction.

> Comparison Difficulty – Users struggle to compare multiple lens colors side by side, making selection harder.

> Comparison Difficulty – Users struggle to compare multiple lens colors side by side, making selection harder.

👉 Users typically identify lenses with name of the colour

👉 Users typically identify lenses with name of the colour

👉 Used for look enhancements for events like family functions, parties etc

👉 Used for look enhancements for events like family functions, parties etc

Other Insights

Other Insights

> In offline stores, users can try on frames, but there’s no way to try colored lenses before purchasing.

> In offline stores, users can try on frames, but there’s no way to try colored lenses before purchasing.

> Previous AR insights from eyeglasses/sunglasses show that while the overall conversion rate on Android is 1.4%, users who engage with AR have a higher conversion rate of 2.5%.

> Previous AR insights from eyeglasses/sunglasses show that while the overall conversion rate on Android is 1.4%, users who engage with AR have a higher conversion rate of 2.5%.

👉 80% of the users are female

👉 80% of the users are female

💡 Introducing an AR try-on for coloured lenses could similarly boost conversion rates and reduce purchase hesitation

💡 Introducing an AR try-on for coloured lenses could similarly boost conversion rates and reduce purchase hesitation

Benchmarking

Benchmarking

Insights

Insights

Mostly, all of the Virtual /AR try-on feature have few common features

Mostly, all of the Virtual /AR try-on feature have few common features

> Some way of comparison mode

> Some way of comparison mode

> Way to download or share your look

> Way to download or share your look

> Zooming in & out for complete look

> Zooming in & out for complete look

👉 These common features were the starting point of the feature list

👉 These common features were the starting point of the feature list

Wireframe Explorations

We did iterations on layout of card - Product info, colour option, ATC, Wishlist and position of features - Zoom, compare mode, share

Final Colour Lens AR

Final Colour Lens AR

We finalised on the structure of the view via these important constrait

> Maximum viewing area

> Slider is intuitive to compare (from benchmarks + internal testing)

> Easily accessible primary & secondary actions like add to cart + Wishlist options

> Colour switcher should have name & colour image as per research

We finalised on the structure of the view via these important constrait

> Maximum viewing area

> Slider is intuitive to compare (from benchmarks + internal testing)

> Easily accessible primary & secondary actions like add to cart + Wishlist options

> Colour switcher should have name & colour image as per research

Important decision behind the widget

  1. Introduction of Slider

At launch, the comparison slider will smoothly slide in from the left and settle in the center—making it super easy for users to discover and dive into comparison mode!

👉 Noticed that 80% of users prefer the slider at 90%, so we fine-tuned the animation to land right where they like it

  1. Feedback on changing Colour Lenses

When you switch lens colors, you'll see a quick visual update on your eyes - so you know it’s changed

  1. Zoom at 50% value as default

Default zoom is set to 50%, giving users the best of both worlds—zoom out for a full outfit view or zoom in for a detailed look at the lens near the eyes.

Futher scope of improvement

> Lighting conditions can affect the quality of the AR experience, and there's potential for further improvement in this area

> Adding background filters in AR could help users visualize different environments, making it easier to imagine how their new color lenses will look in various settings

Thanks for reading 😊

Next Project

😅

Please switch to Desktop mode for better experience

Optimized mobile view is coming soon…

Create a free website with Framer, the website builder loved by startups, designers and agencies.