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
Data research
With no proper metric trackers or KPIs in place, I collaborated with an engineer to establish a system for collecting and analyzing key performance data.
E-commerce
19% of users dropped off during checkout
37% exited before adding items to cart
8% canceled orders when asked to submit prescriptions
Weekly rise in site-related complaints
Client portal
48% of clients cited low ordering efficiency as a reason for churn
CSAT averaged 2 out of 5 on the existing site
60% of support tickets concerned navigation issues
Company profile
31% of users dropped off before interacting with the company profile site
User research
The challenge of this project was to create three unique experiences that tell a cohesive story. Through user interviews and satisfaction surveys, 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 voices for Clearlab.
Consumer facing
Human, delightful, and comfortable
Business facing
Innovative, trustworthy, and pioneering
Key solutions
The e-commerce site balances joy and simplicity, shaping a brand image that’s 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
Designed to build trust and maximize efficiency, the client-facing sites carry a tone of credibility and scientific precision.
Business facing:
Removed decorative elements to streamline the experience
Adopted a cooler color palette to strengthen the narrative of innovation
Direct and professional content writing
Added science descriptors to increase trust
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.
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
Dropbox’s file sharing platform for businesses
This section maps out my UX thinking. It's basically an essay so here's the tldr;
I uncovered major trust and usability issues in DocSend’s permission editing flow. Research showed fragmented experiences, complex ux challenges around permission rules, and low feature discovery. I then defined KPIs and built a phased roadmap to guide the redesign.
Design process
I kicked off the project with a two-month research phase, speaking with over seven different active users, from a range of businesses, to uncover key insights.
Identified issues:
Severe lack of trust in content safety
Highly complicated flow of editing content permissions
Declining rate of files uploaded and shared
Little to no defined measurable metrics
Fragmented flows and no design consistency
Thousands of permission related CX tickets every week
Before moving into design, I evaluated each design solution based on engineering workload and its potential impact on both users and the business.
P0
Designing a feature that allows mass editing of content permissions
UX overhaul to simplify and streamline the permission editing flow
Introducing contextually relevant entry points for permission editing
Allowing easy access to file sharing from any core flow
P1
Updating the design language to bring consistency
Creating new opportunities for account upgrade upsells
Designing new flows for better visibility of new features
P2
New design system and UX standardization for feature tutorial
Introducing motion design to bring delight and polish
UX challenges
The permission editing flow introduced several unique complexities that needed to be carefully addressed during the solution design phase.
Key challenges:
Users could share either their entire workspace or specific folders and files within it
Each content type had its own permission rules and limitations
Every link was unique and targeted different audiences
Certain permission settings varied depending on the user’s plan type
Permissions can be edited for all links for one content or for all contents within a link
Key solutions
I introduced three key flows to streamline the bulk editing flow and to give users more confidence in their task completion.
Adaptive buttons:
Action bar system that prioritizes the display of critical information while offering deeper control through contextual expansion.
Displays permission statuses even when inactive
Maintains flow by avoiding disruptive interactions like modals or drawers
Surfaces detailed information contextually, based on task relevance, to lower design clutter
Checkbox system:
Developed a checkbox-based settings model that streamlines bulk permission edits and guides users through key actions.
Simplifies and accelerates the bulk editing flow
Applies changes seamlessly across flows with clear confirmation steps
Leverages familiar interaction patterns to lower the learning curve
Toggles and dots:
Utilized blue notification dots and manual toggles to reinforce a sense of control, security, and visibility over changes.
A recognizable visual pattern that helps users quickly identify updated content
Gave users greater sense of control through manual toggles to enable permissions
Enabled users to update permissions across multiple files and links, with changes applied seamlessly across flows.
Introduced a checkbox system that reduces clicks and made the flow 38% more efficient.
Metrics
32% increase in product active users
41% increase in permissions adoption
49% increase in user satisfactions with permissions
2% increase in total customer retention