Back to work
E-commerce · Retail · Web

Curated Comforts

How a home & comfort brand lifted conversion 34% and cut cart abandonment 28%.

A warm, editorial e-commerce storefront for a home & comfort brand — built to turn browsing into confident buying with fast discovery, a frictionless cart, and a trust-forward checkout.

Role: Product Design & BuildYear: 2014Platform: Responsive Web Store
Curated Comforts e-commerce storefront showing a lifestyle hero and a product grid of cushions, throws, vases, and candles
+34%
Conversion rate
+22%
Avg. order value
-28%
Cart abandonment
1.4s
Time to interactive

What the storefront does

Six pieces work together to turn a beautiful catalog into a store that converts — from first impression to completed checkout.

1

Editorial merchandising

A warm, magazine-style storefront with lifestyle hero imagery, curated collections, and room-based browsing that makes discovery feel like flipping through a catalog.

2

Fast product discovery

Instant category filtering, wishlists, ratings, and color swatches let shoppers narrow to the right piece in seconds — no page reloads.

3

Frictionless cart

A persistent mini-cart with live subtotal and a free-shipping progress nudge keeps momentum high and lifts average order value.

4

Streamlined checkout

A short, trust-forward checkout with saved details and multiple payment options removes the friction where most sales are lost.

5

Trust & delivery signals

Free-shipping thresholds, secure-checkout badges, and easy returns are surfaced exactly where hesitation happens.

6

Mobile-first performance

Responsive layouts, lazy-loaded imagery, and a sub-1.5s time-to-interactive keep the majority mobile audience shopping smoothly.

Explore the live storefront

A working slice of the store. Filter the catalog, favorite pieces, and add products to a real cart — watch the subtotal and free-shipping progress respond in real time.

Free shipping on orders over $75

CURATED

COMFORTS

Home & Comfort

Timeless pieces. Thoughtfully chosen.

Elevated décor to bring warmth, beauty, and comfort into every corner of your home.

8 products
Bestseller
4.8

Linen Blend Cushion — Oat

$48.00
New
4.9

Chunky Knit Throw — Sage

$89.00
4.7

Speckled Ceramic Vase

$62.00
Bestseller
4.9

Sandalwood & Cedar Candle

$36.00
4.6

Velvet Lumbar Cushion — Rust

$54.00
4.8

Waffle Cotton Throw — Cream

$76.00
New
4.7

Stoneware Mug Set (4)

$44.00
4.5

Amber Glass Soy Candle

$29.00

Your bag

0 items
Subtotal$0.00

Add $75.00 more for free shipping

Free shipping over $75

Fast, tracked delivery on qualifying orders.

Secure checkout

Encrypted payments with buyer protection.

30-day returns

Not in love? Send it back, no fuss.

Case study summary

From challenge to outcome

1

The Problem

No visibility into where browsing died. A beautiful catalogue sat behind slow loads, cluttered discovery and a long, distrustful checkout — worst of all on mobile, where most traffic lived.
2

What We Learned

Replays and funnel data put the drop-off in exactly two places: discovery and checkout. Shoppers were not rejecting products, they were abandoning the effort.
3

The Strategy

Rebuild around fast, tactile discovery — instant filtering, swatches, wishlists — with a persistent mini-cart, a short trust-forward checkout, and live funnel trends from real session data.
4

How It Was Built

A reusable retail language: product-card and swatch primitives, a cart-drawer pattern, promotion and trust-badge components, and warm neutral tokens with terracotta and sage accents.
5

Accessibility

WCAG AA across the storefront: swatches carry text labels as well as colour, the cart drawer traps and returns focus correctly, and every control is keyboard-reachable with a visible focus ring.
6

The Impact

Conversion +34%, average order value +22%, cart abandonment −28%, and sub-1.5s time-to-interactive on mobile.
7

What I Carry Forward

In retail, speed and trust are features. The wins came from removing friction, not adding to the page.

Structure, flow & fidelity

How the product was organised, the path a user actually takes through it, and how the work travelled from scratch wireframes to a working prototype.

Information architecture

Discover

  • Home & editorial
  • Collections
  • Search & filters
  • Recommendations

Product

  • Gallery
  • Materials & care
  • Reviews
  • Delivery estimate

Cart & checkout

  • Cart drawer
  • Shipping
  • Payment
  • Order review

Account

  • Orders & tracking
  • Wishlist
  • Returns
  • Preferences

User flow of the core task

  1. Step 01

    Land & browse

    Editorial entry points route shoppers into a collection rather than a raw grid.

  2. Step 02

    Filter to a shortlist

    Filters map to how people actually shop the category, not to the database schema.

  3. Step 03

    Evaluate a product

    Imagery, materials and delivery certainty answer the objection before it forms.

  4. Step 04

    Check out

    A short, interruption-free checkout with visible totals at every step.

  5. Step 05

    Track the order

    Post-purchase tracking and easy returns drive the repeat visit.

Behind the work

My scope, the guardrails I worked inside, what the research changed, and how the work travelled from sketch to production.

My role & scope

Design lead for the storefront experience: merchandising research, browse and product-detail architecture, the imagery and content system, and the checkout flow. Collaborated with the founder, a copywriter and two engineers.

Constraints & guardrails

  • Small catalogue with limited photography budget — the system had to look rich without volume.
  • No dedicated content team, so templates had to stay easy for the founder to fill.
  • Mobile-majority traffic on a lean performance budget.
  • Third-party checkout limited how far the final step could be customised.

What research changed

  • Session recordings: shoppers bounced from the product page when imagery repeated across variants.
  • Interviews showed buyers wanted material and care detail before price — trust preceded comparison.
  • Analytics found small imagery correlated with lower add-to-cart on mobile.

The pivot

An early grid-heavy layout maximised products per screen but suppressed engagement. We traded density for larger, distinct imagery and story-led product detail, which read as considered rather than transactional.

UX metric → business impact

Larger, unique product imagery on mobile
Higher add-to-cart rate from the same traffic.
Material and care detail surfaced above price
Fewer pre-purchase enquiries and returns driven by wrong expectations.
Founder-fillable content templates
New products go live without design involvement, cutting time-to-listing.
1Lo-fi

Merchandising wireframes and a content model defining what every product page must carry.

2Mid-fi

Prototype of browse-to-checkout with responsive imagery rules and empty-catalogue states.

3Production

Live storefront with the imagery system, story-led product pages and streamlined checkout.

Retrospective

With more time

A/B test the density trade-off rather than deciding it from qualitative signals alone.

Biggest takeaway

For small catalogues, restraint outperforms density — fewer, better-told products build the trust that drives the first purchase.

“We were terrified that making it faster would make it feel cheap. It got quicker and warmer at the same time — that was the whole win.”
— Founder, Curated Comforts