Retour aux projets

04 / 08 Bars

La Cabane à Mousse

Cave, bar à bières et location de tireuses · Herbignac, France

Un toast entre deux verres ouvre la page.

cabane-a-mousse-herbignac.vercel.app

L’ouverture du site, enregistrée en ligne

02 Le projet

Une cave, un bar à bières et un service de location de tireuses à Herbignac. Sur ordinateur, la page est la planche de design validée, reconstruite en HTML : le même toast et les trois mêmes chapitres sur papier déchiré, avec du vrai texte sur les images, net et lisible par les moteurs de recherche.

  • Fidèle à la planche validée
  • Une ouverture de 2,8 s
  • Vite

03 La direction artistique

Composition
La planche validée, point par point : papier sombre déchiré, étiquettes orange et notes manuscrites.
Typographie
Anton et Kaushan Script pour le titre, un Roboto Serif condensé pour les sections, Montserrat et Oswald pour l’interface.
Couleur
Graphite, bois, ambre, orange et mousse.
Geste central
Deux verres se rencontrent pour trinquer.

La palette du site

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

Polices

Anton · Kaushan Script · Roboto Serif · Montserrat · Oswald

04 L’interface

cabane-a-mousse-herbignac.vercel.app

La Cabane à Mousse : écran 2 du site en ligne

cabane-a-mousse-herbignac.vercel.app

La Cabane à Mousse : écran 3 du site en ligne

cabane-a-mousse-herbignac.vercel.app

La Cabane à Mousse : écran 4 du site en ligne

Mobile

La Cabane à Mousse sur mobile : écran 1
La Cabane à Mousse sur mobile : écran 2

05 Le mouvement

  1. 01 Les verres arrivent
  2. 02 Le toast
  3. 03 On se retrouve

Sur le bar flou, deux mains amènent les verres au point exact de la planche ; les bords se touchent dans un éclat chaud et des bulles, la photo devient nette et le titre s’écrit tout seul, en 2,8 secondes et sans bloquer le défilement.

06 Ce que j’ai fait

Direction artistique, interface, animation et développement.