$2.5M+ in day-one sales • one of the company's highest-grossing days
Whisker.com Litter‑Robot Experience Redesign — 

UX + E‑commerce Optimization
Whisker.com Litter‑Robot Experience Redesign — UX + E‑commerce Optimization
Project summary
Date: Nov 2025
Role: Lead UX/UI Designer
Whisker was moving to a headless e-commerce system — we were relaunching the site alongside the new Litter-Robot 5, and we felt the old site no longer reflected who we were.
Opportunity: A new platform, built the right way — design a PDP experience 
that converts, scales, and feels as premium as the product in the box.
Unclear PDP above the fold
Key benefits, variants, colors, bundle options, and upgrades were buried 
 → needed clarity at first glance.
Improve consumables add-on
Shoppers hesitated with optional consumables like litter and odor traps → validated through A/B and usability testing.
Inconsistent brand visuals
Built by different designers over the years, pages and components varied across products → demanded a consistent style guide.
Design approach
A relaunch only matters if you fix the right things. Here's what we went after.
Clarity at first glance
Designed an above-the-fold hero that clearly communicates key benefits, helping shoppers choose with confidence.
- Made the carousel images clearly scrollable
- Made robot variants, bundle options, and upgrades easier to understand
- Sticky add-to-cart button + trust signals for confidence
A/B usability
validation
Tested three add-on designs with 70 users. Most preferred Option B, finding it clear and easy to use.
72% preferred Option B
18% frustrated by other options
Consistent brand visuals
Created a style guide in Figma with consistent fonts, colors, and buttons to keep the site cohesive and scalable.
- Consistency: Pages and products follow the same design rules.
- Efficiency: Developers spend less time guessing at build time.
Built to Scale
With the style guide in place, we redesigned all Robot PDPs and key touchpoints — then turned each section into a reusable CMS block.
- Swap a color or font once, and it ripples through the entire site.
- Campaign pages can now be built quickly without starting from scratch.
Shopper
journey
Organized the site into three levels: exploration, decision, and commitment.
- Exploration / Awareness
Shopper mindset: Curious, evaluating, and gathering info.
Goal: Build interest, reduce risk, educate.
- Decision / Selection
Shopper mindset: Focused on choosing the right product. Goal: Reduce confusion, highlight benefits, encourage confident choice.
- Commitment
Shopper mindset: Committing, confirming, and managing orders.Goal: Minimize friction, reassure, encourage loyalty and fast!
The full
journey
From the first impression to the last touchpoint — here's the experience we built.
Discover (Homepage)
Explore (Category)
Decide (Product)
Commit (Cart)
Confirm (Confirmation)
Return (Retention)
$
2.5m+
in sales on day one
Measured Performance
One of the company’s best-performing sales days. The site achieved 2m 45s average engagement time (+45% vs. LR.com) and +49.6% engagement rate — measured by image carousel clicks and scrolling depth — indicating deeper product exploration.
2m45s average, +49.6% rate
Repeat page visitors, high product intent
Modular UI,
reduced rework
Impact & leadership
ownership across the redesign
Connected business goals, design research, execution, and development — driving alignment from concept to launch.
Ying - Lead UI/UX designer
End-to-end delivery
used across 60+ pages
Designed a Lego-inspired component system that lets teams update features confidently without breaking the full experience.
Ying - Design strategist / system thinker
Built for scale from day one
