Projet · Brewpub, cave et restaurant

Bouchon &
Houblon

Brasserie, cave et restaurant sous la même enseigne à Villers-Bocage. Notre mission : faire tenir trois activités sur une seule page sans que le visiteur s'y perde, et lui permettre de réserver sans décrocher son téléphone.

Logo Bouchon et Houblon
Client
Bouchon & Houblon
Secteur
Brewpub, cave et restaurant
Lieu
Villers-Bocage · Calvados
Type
Vitrine et réservation
Livraison
15 jours
Statut
En ligne

Le site, en entier

La page d'accueil, telle qu'elle a ete livree.

Page d'accueil du site Bouchon et Houblon

L'entreprise

Trois maisons sous un même toit.

Bouchon & Houblon, c'est à la fois un brewpub, une cave et une table. On y vient boire une bière brassée sur place, acheter une bouteille à emporter, ou dîner.

Trois raisons de pousser la porte, trois publics qui ne cherchent pas la même chose au même moment de la semaine.

Une adresse de village qui joue dans la cour des adresses de ville, et qui avait besoin d'un site à la hauteur.

Le brief

Trois activités, une seule page.

Le risque évident : une page d'accueil qui essaie de tout dire et ne dit plus rien. Ou trois sites en un, où personne ne trouve ce qu'il cherche.

L'autre enjeu : la réservation. Un restaurant perd des tables chaque soir parce qu'un client n'a pas eu envie d'appeler à dix-neuf heures.

L'angle retenu : une ambiance de soirée en photo, une carte lisible sans zoomer, et le bouton de réservation qui suit la lecture d'un bout à l'autre.

Direction artistique · décodée

Lumière basse, bois et cuivre.

Chaque couleur, chaque caractère, chaque détail a une raison. Voilà comment la direction artistique a été montée.

Palette

  • Brun profond#241A12
  • Crème#F3E7D4
  • Cuivre#C08A3E
  • Bois#6B4A2C

Typographies

Display · Serif à empattements marquésBouchon & Houblon

Texte · Sans-serif sobreLa carte du soir

Vibe

comptoir · houblon · soirée

Pourquoi ces couleurs

Brun, crème, cuivre.

Le brun profond a la couleur du lieu à vingt-et-une heures, quand les lampes sont allumées. Le cuivre rappelle les cuves de brassage, la crème garde la carte lisible.

Pourquoi ces caractères

Une serif franche.

Une serif à empattements marqués pour l'enseigne : ça pose une maison, pas une chaîne. Le texte courant reste en sans-serif, parce qu'une carte se lit vite et souvent sur un petit écran.

Pourquoi cette structure

La carte en texte, pas en image.

Bières et plats sont écrits, jamais photographiés dans un menu scanné. On les lit sans zoomer, on les cherche, et Google les indexe. C'est ce qui fait remonter le restaurant sur une recherche de plat.

Quelques sections clés

Bouchon et Houblon : le haut de page

Le haut de page

La photo du comptoir en lumière basse, l'enseigne en grand. L'ambiance avant l'argumentaire, et le bouton de réservation déjà là.

Bouchon et Houblon : la carte

La carte

Plats et prix en texte, organisés par moment du repas. Lisible sans zoomer, et indexable par Google.

Bouchon et Houblon : à partager

À partager

Planches, tapas, charcuterie : ce qu'on commande à plusieurs, avec les prix en face. Le premier réflexe d'un groupe qui hésite.

Bouchon et Houblon : les avis

Les avis

4,5 sur 5 et les commentaires en clair. La preuve arrive du dehors, pas du site.

Bouchon et Houblon : les groupes

Les groupes

Anniversaires, repas d'entreprise, associations. Une page qui répond avant qu'on appelle.

Bouchon et Houblon : nous trouver

Nous trouver

Devanture, adresse, téléphone, horaires. Ce qu'on vérifie juste avant de sortir de chez soi.

Sur téléphone

Un restaurant se cherche un vendredi à dix-neuf heures, depuis la rue ou depuis un canapé. Toujours sur un téléphone.

Bouchon et Houblon sur téléphone : le haut de page

Le haut de page

La photo occupe l'écran, la réservation et la carte sont accessibles sans descendre.

Bouchon et Houblon sur téléphone : la carte

La carte

Chaque catégorie se déplie à la demande : pas trois écrans à parcourir pour trouver les bières.

Bouchon et Houblon sur téléphone : les avis

Les avis

Les commentaires défilent au pouce, la note reste affichée en haut.

Le tien peut ressembler à ça

Dix minutes au téléphone suffisent pour savoir si on peut t'être utile.