Utopia.com — Marketplace x D2C
A marketplace with a D2C heart: 18+ own brands under one roof, designed and prototyped in Next.js in three weeks.
Figma prototype · Desktop · Homepage
Figma prototype · Desktop · Product page
Figma prototype · Mobile · Homepage
Figma prototype · Mobile · Product page
Figma prototype · Desktop · Bedding category
Figma prototype · Desktop · Photo viewer
Figma prototype · Mobile · Bedding category
Figma prototype · Mobile · Photo viewer
Figma prototype · Desktop · New-customer pop-up
Figma prototype · Mobile · New-customer pop-up
Footnotes and UX research
1. Baymard Institute, cart abandonment 70.22% average
2. Baymard, Make Guest Checkout Prominent / Delayed Account Creation
3. Baymard, Checkout Optimization: Minimize Form Fields
5. NN/g, Popups: 10 Problematic Trends and Alternatives
6. NN/g, Modal & Nonmodal Dialogs
7. NN/g, Sticky Headers: 5 Ways to Make Them Better
8. NN/g, Bottom Sheets / Accidental Dismissal of Overlays
9. WCAG 2.5.5 Target Size (Enhanced); Apple HIG 44 × 44 pt touch targets
Live site: utopia.com
Have a project in mind? Let's turn your idea into a standout brand.
Let's build a brand worth remembering. Fixed-scope proposals, design-system-ready deliverables, and direct collaboration.