Savour -Luxury bakery & café experience

A luxury bakery and café website designed to balance editorial storytelling with effortless discovery, ordering, gifting, events and customer service.

UX/UI design · E-commerce

UX/UI Designer

05-11-2025

Thumbnail image

What is it?

Savour is a premium bakery and café experience designed around craftsmanship, hospitality and refined food culture.

The digital experience brings together:

  • Product discovery and ordering

  • Gifting and retail

  • Events & catering

  • Crème Club membership

  • Product details and allergen information

  • Order tracking

  • Customer support

  • Brand storytelling

The goal was to make the experience feel luxurious without making it difficult to use.

Home page overview

What were the challenges

Balancing luxury with usability

The client wanted a distinctive, editorial visual language rather than a conventional e-commerce website.

The main challenges were:

  • Creating a luxury experience without sacrificing navigation

  • Making products discoverable without relying on generic category grids

  • Presenting detailed food information clearly

  • Designing a simple ordering experience for different age groups

  • Communicating cancellation, collection and delivery information

  • Connecting commerce with brand storytelling

The methods I followed

Research & strategy

  • Competitor and market pattern analysis

  • User journey mapping

  • Information architecture

  • Content hierarchy

UX design

  • User flows

  • Wireframing

  • Interaction planning

  • Responsive behaviour

  • Accessibility considerations

UI design

  • Visual direction

  • Typography system

  • Colour system

  • Component design

  • Editorial layouts

  • Responsive UI

Product thinking

  • E-commerce journey optimisation

  • Conversion touchpoints

  • Membership experience

  • Service and support flows

  • Order management

Final design

An editorial experience built around discovery.

The final design combines deep green, warm neutrals, restrained gold accents, premium typography and photography-led layouts to create a distinctive luxury identity.

Rather than overwhelming users with interface elements, the design uses:

  • Large visual moments

  • Short, purposeful copy

  • Clear navigation

  • Curated product discovery

  • Strong content hierarchy

  • Consistent interaction patterns

The result is a digital experience that feels premium, calm and approachable.

Event page overview
Product page
Complete peoject pages overview

Create a free website with Framer, the website builder loved by startups, designers and agencies.