Unified Luxury E-Commerce Platform

Unifying three heritage brands across global markets — into one seamless luxury digital home.

Design scoop

0 to 1

Timline

1 moths

Deliverables

Desktop + Mobile

Est. Revenue

€1.8M – €2.3M

Design scoop

0 to 1

Timline

1 moths

Deliverables

Desktop + Mobile

Est. Revenue

€1.8M – €2.3M

OVERVIEW

Caviar House is a Parisian institution with over 75 years of expertise in premium seafood — and the parent company of two prestigious houses: Prunier (fine caviar, France) and Balik (artisanal smoked salmon, Switzerland).

With ambitions to unify their digital presence across all three brands, they needed a complete website redesign — one that could finally match the world-class quality of their products.

Working within a team of 2 designers, 1 developer, and 1 PM, I contributed to the full redesign — from design system to final high-fidelity screens across all key pages.

Selected deliverables covered in this case study — Homepage · Category Page · Product Page

Additional pages: Checkout · Brand Story · Store Locator · FAQ

WHAT WE FOUND

Double navigation

Double navigation

Deux niveaux de navigation sans hiérarchie claire.

Deux niveaux de navigation sans hiérarchie claire.

Hero Section — Missed opportunity

Hero Section — Missed opportunity

Product photography without strong lifestyle staging — creates no aspiration.

Product photography without strong lifestyle staging — creates no aspiration.

Search bar — Destructive placement:

Search bar — Destructive placement:

Visually dominant in the wrong place.

Visually dominant in the wrong place.

Landing page

Currency not localized

Currency not localized

Displaying CHF on a French market page creates friction.

Displaying CHF on a French market page creates friction.

Product page

Visual hierarchy

Visual hierarchy

  • Price is the first element after the title — no product story, no emotional hook before the transaction.


  • Three CTA buttons stacked with equal visual weight — no clear primary action

  • Price is the first element after the title — no product story, no emotional hook before the transaction.


  • Three CTA buttons stacked with equal visual weight — no clear primary action

Information architecture

Information architecture


  • Product details buried in a tab below the fold — key information (origin, provenance, tasting notes) not visible at the moment of decision.

  • Quantity selector as a dropdown adds unnecessary friction


  • Product details buried in a tab below the fold — key information (origin, provenance, tasting notes) not visible at the moment of decision.

  • Quantity selector as a dropdown adds unnecessary friction

Visual Hierarchy & Brand Identity

Visual Hierarchy & Brand Identity

The hero banner takes up nearly 50% of the visible screen but delivers zero value — no headline, no tagline, no CTA. It's purely decorative.

The hero banner takes up nearly 50% of the visible screen but delivers zero value — no headline, no tagline, no CTA. It's purely decorative.

Category Page

Filter & Sort Bar

Filter & Sort Bar

  • Only one filter option visible

  • "Position" as the default sort label is meaningless to the user — does it mean featured? bestseller? newest?

  • Only one filter option visible

  • "Position" as the default sort label is meaningless to the user — does it mean featured? bestseller? newest?

Orientation

Orientation

Users land here with no context about how many products are available

Users land here with no context about how many products are available

CHALLENGE

How might we redesign the Caviar House digital experience to reflect the brand's luxury positioning — while creating a clear, intuitive journey that guides users from first impression to confident purchase?

GOALS

01

Establish a coherent content hierarchy

02

Align the digital experience with the brand's luxury positioning

03

Design for conversion without compromising elegance

SOLUTION

With no existing interface to build upon, we had full creative ownership over the Caviar House digital experience — designing every screen from first principles, guided by one goal: make luxury feel effortless.

First Impression - Landing page

We started by rebuilding the header — consolidating 10+ scattered navigation items into a clean, minimal bar with clear hierarchy.

Below it: full-screen visual, one statement, one button. No noise.

Credibility follows — reviews, press mentions, store locations — surfaced lower, without cluttering the first impression.

Category Page

We opened each category with a short editorial text and trust indicators — giving context and credibility before the user commits to browsing.

For product selection: inline filters, applied instantly. No dropdowns, no extra clicks, no friction.

Product Page

The original page was functional but generic — a dropdown size selector, two content tabs, no social proof, no reassurance signals. It didn't reflect the brand's premium positioning.

We rebuilt it to answer one question: what does a buyer need to feel confident spending €100+ on caviar online?

Key design decisions:

  • Visual size selector — replaced dropdown with weight chips for faster scanning

  • Social proof — ratings and review count surfaced directly under the product name

  • Trust signals — delivery, returns, expert advice brought inline, not hidden in footer

  • Tabbed content — 4 tabs structuring information by intent (ingredients, tasting notes, reviews)

  • In-page FAQ — reduced purchase hesitation without navigating away

  • Cross-sell module — "Sélectionnés pour vous" to increase average order value

Design System

Category Page

We opened each category with a short editorial text and trust indicators — giving context and credibility before the user commits to browsing.

For product selection: inline filters, applied instantly. No dropdowns, no extra clicks, no friction.

Product Page

The original page was functional but generic — a dropdown size selector, two content tabs, no social proof, no reassurance signals. It didn't reflect the brand's premium positioning.

We rebuilt it to answer one question: what does a buyer need to feel confident spending €100+ on caviar online?

Key design decisions:

  • Visual size selector — replaced dropdown with weight chips for faster scanning

  • Social proof — ratings and review count surfaced directly under the product name

  • Trust signals — delivery, returns, expert advice brought inline, not hidden in footer

  • Tabbed content — 4 tabs structuring information by intent (ingredients, tasting notes, reviews)

  • In-page FAQ — reduced purchase hesitation without navigating away

  • Cross-sell module — "Sélectionnés pour vous" to increase average order value

Design System

What I Learned

  1. Building a design system before touching a single page felt slow at first. But every decision we made upstream saved us three downstream.

  1. Structuring complex information taught me that hierarchy is not about what looks good — it's about what the user needs to understand first, second, and third.

  1. And details matter. Not as decoration, but as trust. A missing return policy, an unclear size guide, an inconsistent button state — in premium e-commerce, small friction kills conversion.

Have a project in mind? Let's turn your idea into something that actually works.

Available For Work

Zhonglin CHEN - ©2026

Have a project in mind?
Let's turn your idea into something that actually works.

Available For Work

All rights reserved, Zhonglin CHEN ©2026

Have a project in mind? Let's turn your idea into something that actually works.

Available For Work

Zhonglin CHEN - ©2026