Product Discovery UX / 2020

Everlane

Product Discovery UX

A mobile-first experience that reimagines Everlane's product discovery and checkout while honoring its ethos of transparency, simplicity, and intentional consumption.

Everlane product discovery UX hero
Client
Everlane
Focus
Mobile UX/UI + Product Discovery
Role
Brand Design • UX/UI • Creative Strategy • Prototyping
Output
Discovery Flow • Checkout • UI Refinement • Prototypes

02 / Challenge

Challenge

Everlane's voice is built on transparency and clean, ethical design, but its mobile experience lacked the guidance to move a browser toward a confident purchase.

Opportunity

Treat "radical transparency" as an interaction model, not a tagline. Test whether pricing honesty and sourcing detail could be built into the UI itself rather than stated in marketing copy alone.

My Role

Led brand design, UX/UI, and creative strategy, translating Everlane's values into microcopy, a mindful filter quiz, and brand-anchored UI details like True Cost and Know the Factory.

03 / Strategy

Experience Strategy

The flow front-loads cost transparency, social proof, and material honesty before the ask to buy, a calm, trust-first sequence aligned with Everlane's brand thesis.

Core IdeaProduct Discovery
01Trust-First Sequence
02Radical Transparency
03Calm Browsing
04Material Honesty
05Accessible UI
06Decision Confidence

04 / Visual Language

Visual Language

A restrained, editorial language: a neutral grey system and transparency-inspired overlays, generous white space, and a Helvetica-and-Athelas pairing that keeps content, not UI, in front.

PrimaryWhite
#FFFFFF
PrimaryEverlane Grey
#949698
SecondaryDark Grey
#4C4C4B
SecondaryWhite Overlay
79% opacity
Nav / CTAAaHelvetica Bold
UI / BodyAaHelvetica Regular
DisplayAaAthelas Regular

Rationale

The neutral system and generous white space create a distraction-free surface, ADA-compliant contrast keeps everything legible, and an editorial serif for product titles balances storytelling with utility so browsing never competes with the product.

05 / Discovery

Design Decisions, Brand-Driven

Every touchpoint upholds Everlane's principled approach, so a price-conscious shopper meets cost transparency, sourcing detail, and reviews before any push to buy.

Everlane brand-driven design decisions

Built to Convert Price-Conscious Shoppers

The flow makes ethical claims visible moments in the UI rather than marketing copy, turning transparency into a reason to buy.

06 / Prototypes

Interactive Prototypes

Three flows show the refined mobile UX in motion, calm, intentional, and unmistakably Everlane, from first impression to product detail.

Everlane homepage prototype flow
OnboardingA clean entry point sets a calm, intentional browsing environment.
Everlane product discovery prototype flow
Product DiscoveryFlat, photo-forward navigation for intuitive browsing without visual noise.
Everlane product detail prototype flow
Product DetailTransparent information and clear actions build trust into the decision.

07 / Final Screens

A Trust-First Flow

Real pricing context, sourcing detail, and reviews all surface before the ask, while category navigation stays flat and photo-forward. Browsing never competes with the product for attention, and trust-building leads the sequence instead of trailing it.

08 / Outcome

Outcome

A flow where Everlane's values are experienced, not just stated, and restraint does the heavy lifting.

Transparency as UX

Built True Cost and sourcing detail into the interface as trust-building moments.

Calm by Design

Flat, photo-forward navigation let content lead and kept browsing distraction-free.

Trust to Convert

Sequencing proof before the ask turned mindful browsing into confident purchase.

Reflection

Designing around an already-strong brand voice taught me restraint as its own discipline. The hardest edits were the ones that cut UI flourishes competing with content Everlane had already earned the right to say plainly, proving that the best interface can be the one you barely notice.