Unique narratives for e-commerce, client portal, and company profile

Web redesign

Clearlab lacked a cohesive online identity that could scale across different audiences.

Within a year, I designed and led the development of three websites, each tailored to specific users and customizable by region to meet sales needs.

** Please note designs below contains pre-redesign packaging

01

E-commerce

02

Client portal

03

Company profile

Design process

The challenge of this project was to create three unique experiences that tell a cohesive story. Through user interviews and data research, I identified the exact target audience of each website.

E-commerce

Consumers aren’t looking for complicated science, they just want something that works well and feels good to use.

Client portal

Clients want a simple, efficient way to place orders and further business opportunities.

Company profile

Business partners want reliable collaborators with proven credibility and a clear vision for future innovation.

Recognizing that each site is built for distinct audiences and their needs, I developed two brand narratives for Clearlab.

Consumer facing

Human, delightful, and comfortable

Key solutions

The e-commerce site balances joy and simplicity, shaping a brand that feels premium yet approachable.

Consumer facing:

Introduced warmth through curated illustrations and photography

Crafted a human and elegant content tone

Created familiarity through consistent UX patterns

Refined information hierarchy to make essential details more digestible

Added moments of delight through intentional use of color and motion

Users see clear lenses and color lenses as fundamentally different: medical versus beauty,

I used color transitions to express that shift and add a moment of delight during the navigation flow.

Metrics

25% increase in successful check outs

18% increase in regional revenue

31% decrease in user drop off before adding items to cart

67% decrease in site related complaints

Business facing

Innovative, trustworthy, and pioneering

Key solutions

Designed to build trust and maximize efficiency, the client-facing sites carry a tone of credibility and scientific precision.

Business facing:

Utilized vector designs instead of photography

Introduced a colder color palette to further push the 'innovative' narrative

Direct and professional content writing

Added science descriptors to increase trust

Company profile

The goal of this site is to present a detailed and transparent story of Clearlab to future partners.

It’s designed for the trust-building stage, when visitors are learning about the brand before any formal connections.

Client portal

The goal of this site is to help clients quickly place orders and manage their purchases.

Since it’s used after a partnership is established, its flows prioritize simplicity and speed.

Designing to make AI feel fun and approachable

AI lens finder

Clearlab faced a gap between product and customer, driven by the high barrier to trying on different lenses.

I designed an AI-powered feature that analyzes facial features and tones to recommend the best lens for each user, complemented by a chat system for questions and feedback.

** This is a visionary passion project I pioneered for Clearlab

Design process

The goal of this project was to design a seamless, in product, AI experience while lowering the barrier to a daunting feature. I conducted extensive market research, studying similar products to identify best practices and opportunities.

Takeaways:

UX writing must feel conversational

Most AI products are designed to feel cold and robotic

Users are accustomed to certain flows within AI products

Designs must feel immediately responsive to user input

Finding your ideal lens match

Finding your ideal lens match

Clearlab Lens Finder

Clearlab Lens Finder

Key solutions

The challenge was to blend the recognizable AI experience with the warmth and approachability of Clearlab's consumer facing voice.

Noteworthy:

Created moments of delight through motion design

Emphasized the warm and friendly tone in content writing

Introduced a seamless purchasing flow and many exit points back to the main product

Introduced a seamless purchasing flow and many exit points back to the main site

Kept the primary flow similar to popular AI products

Shaping brand stories into visual experiences

Branding

Clearlab had gone over a decade without dedicated design resourcing, relying on outdated visual assets.

I developed two distinct brand identities for its consumer and business facing operations, ensuring consistency while telling a compelling story.

Original designs

Logo

Type and color

Packaging

I'll let my designs do the talking for this project

Everything you see below were done by me

Typeface

Typeface

Typeface

Spectral serif

Spectral serif

Spectral serif

Karla san-serif

Karla san-serif

Karla san-serif

Karla san-serif

Karla san-serif

Karla san-serif

Karla san-serif

Karla san-serif

Karla san-serif

Experience Clearlab

Experience Clearlab

Experience Clearlab

Experience Clearlab

Where comfort feels like home,

Where comfort feels like home,

Where comfort feels like home,

Where comfort feels like home,

and beauty learns to play,

and beauty learns to play,

and beauty learns to play,

while innovation leads with confidence.

while innovation leads with confidence.

while innovation leads with confidence.

while innovation leads with confidence.

MORE?

MORE?

MORE?

MORE?

See what I did for

I'd love to chat.

Contacts

Email

leejunp@gmail.com

Mobile

+65 8209 2711

Resume

Download resume

I'd love to chat.

Contacts

Email

leejunp@gmail.com

Mobile

+65 8209 2711

Resume

Download resume

I'd love to chat.

Contacts

Email

leejunp@gmail.com

Mobile

+65 8209 2711

Resume

Download resume

I'd love to chat.

Contacts

Email

leejunp@gmail.com

Mobile

+65 8209 2711

Resume

Download resume