Back to the work

04 / 08 Bars

La Cabane à Mousse

Beer cellar, bar and tap hire · Herbignac, France

A toast between two glasses opens the page.

cabane-a-mousse-herbignac.vercel.app

The site’s opening, recorded live

02 The project

A beer cellar, bar and tap-hire business in Herbignac. On desktop the page is the approved design board rebuilt in HTML: the same toast and the same three chapters on torn paper, with real text over the imagery, sharp and readable by search engines.

  • Faithful to the approved board
  • A 2.8 s opening
  • Vite

03 The direction

Composition
The approved board, point for point: torn dark paper, orange labels and handwritten notes.
Typography
Anton and Kaushan Script for the headline, a condensed Roboto Serif for sections, Montserrat and Oswald for the interface.
Colour
Graphite, wood, amber, orange and foam.
Central gesture
Two glasses meet in a toast.

The site’s palette

  • Graphite#191918
  • Wood#8A5F35
  • Amber#F3B43F
  • Orange#E67F22
  • Foam#F5EBDD

Typefaces

Anton · Kaushan Script · Roboto Serif · Montserrat · Oswald

04 The interface

cabane-a-mousse-herbignac.vercel.app

La Cabane à Mousse: screen 2 of the live site

cabane-a-mousse-herbignac.vercel.app

La Cabane à Mousse: screen 3 of the live site

cabane-a-mousse-herbignac.vercel.app

La Cabane à Mousse: screen 4 of the live site

Phone

La Cabane à Mousse on a phone: screen 1
La Cabane à Mousse on a phone: screen 2

05 The motion

  1. 01 The glasses arrive
  2. 02 The toast
  3. 03 On se retrouve

Over the bar out of focus, two hands bring their glasses to the exact spot on the board; the rims meet with a warm flash and bubbles, the photo comes into focus and the headline writes itself, in 2.8 seconds and without locking the scroll.

06 What I did

Visual direction, interface, motion and development.