Color Lab for the FIGS Mobile App

Redesigning the FIGS Color Lab on the mobile app to increase shopability and drive users to act on their color selection with a product purchase.

Role

Lead UI/UX Designer

Timeline

2 months

Scope

Product Strategy, UI/UX/IxD, Prototyping

The Problem

Color Lab originally only let users compare colors within the same family (e.g., Blues vs. Blues), limiting flexibility and leading to a dead-end experience. Additionally, long color names or badges often broke the dropdown layout due to container overflow.

Goals

Improve shopability and CVR through Color Lab, streamline the color selection flow, and clearly differentiate Core colors from Limited Edition ones.

Discovery

As a first step of the discovery process, the UX team conducted several usability interviews using the former Color Lab experience to help gauge perception and
areas of opportunity.

As a first step of the discovery process, the UX team conducted several usability interviews using the current Color Lab experience to help gauge perception and areas of opportunity.

Usability Testing

83%

Of users found the tool unhelpful or not needed.

37%

Of users were found to have used the feature in-person with coworkers.

60%

Of users expressed the want for comparing colors from two different color families.

Areas of Opportunity

Incorporate Previous Colors Purchased

Users were frustrated by the difficulty of finding past purchases, especially discontinued colors. Surfacing these will improve both usability and value.

Make the Experience Shareable

Most users used Color Lab solo, but many shared it with coworkers or classmates to compare recent color drops.

Allow Users to Compare Colors Between Families

Users wanted to compare colors across families, but the existing experience limited comparisons to within the same color group.

Patterning

Competitive research showed few parallels — most brands like Nike offered single-product customization, not cross-item comparison. I shifted focus to UI patterns, drawing inspiration from apps using horizontal splits and drawer-style layouts.

Competitive research showed few parallels; most brands like Nike offered single-product customization, not cross-item comparison. I shifted focus to UI patterns, drawing inspiration from apps using horizontal splits and drawer-style layouts.

Design Ideation

Since Color Lab already existed, design began at mid-to-high fidelity. I explored shifting from a vertical to horizontal layout—drawing from drawer-inspired patterns—to refine content display, component placement, and filtering behavior.

As a first step of the discovery process, the UX team conducted several usability interviews using the current Color Lab experience to help gauge perception and areas of opportunity.

Final Designs

Main Linear Flow

The experience includes a main flow for selecting and changing colors, with branches for search, filtering, viewing color order history, shopping colors, sharing, and scanning colors using the camera.

As a first step of the discovery process, the UX team conducted several usability interviews using the current Color Lab experience to help gauge perception and areas of opportunity.

📸 Camera Color Scanner

With 111 color options in the FIGS catalogue, finding a specific shade could be overwhelming. I designed a camera-based color scanning feature that lets users instantly match and discover both new and legacy colors—streamlining the search process.

📸 Camera Color Scanner

With 111 color options in the FIGS catalogue, finding a specific shade could be overwhelming. I designed a camera-based color scanning feature that lets users instantly match and discover both new and legacy colors—streamlining the search process.

AB Test Results & Outcome

AB Test Results
& Outcome

With the positive metrics shown below, the team confidently rolled
out the updated state of the Color Lab.

As a first step of the discovery process, the UX team conducted several usability interviews using the current Color Lab experience to help gauge perception and areas of opportunity.

+20%

Increased click-through rate throughout the Color Lab experience.

+12%

Tripling in CVR compared to no interaction (4.7%).

+6%

Increase on colors users had not ordered previously.

Project Challenges

Our biggest challenge was ensuring this feature was truly useful and valuable –rather than becoming a dead end.

Previous iterations had been launched without usability testing, user feedback, or A/B testing. As a result, we could only make assumptions about how effective the original flow really was.

By partnering closely with Product Management, we introduced usability testing and incorporated direct user feedback into the design process. This helped us identify key gaps – particularly around shopability, order history, and shareability – and guided us toward a cleaner, more minimal, and ultimately more usable experience.

Our biggest challenge was ensuring this feature was truly useful and valuable –rather than becoming a dead end.

Previous iterations had been launched without usability testing, user feedback, or A/B testing. As a result, we could only make assumptions about how effective the original flow really was.

By partnering closely with Product Management, we introduced usability testing and incorporated direct user feedback into the design process.

This helped us identify key gaps – particularly around shopability, order history, and shareability – and guided us toward a cleaner, more minimal, and ultimately more usable experience.

👋 Looking for more?

👋 Looking for more?

View More Work