Saint Germain
Une journée entière sur la Grand-Place de Mons, du premier café au dernier verre, racontée en un scroll.
- Client
- Saint Germain
- Secteur
- Brasserie, petit-déjeuner & restaurant
- Lieu
- Mons
- Année
- 2026
- Ce qu'on a fait
- Site webDirection artistiqueLogoMotion design
Le contexte
Le point de départ
Le Saint Germain est une brasserie installée au 12 de la Grand-Place de Mons, ouverte 7 jours sur 7, du petit-déjeuner au dernier verre. La maison n'avait pas de site web. L'enjeu : lui donner une vitrine à la hauteur de son emplacement, avec une carte complète et lisible en trois langues.
Notre approche
Ce qu'on a construit
Le concept : une journée sur la Grand-Place. Au fil du scroll, le fond passe du crème du matin au lie-de-vin du soir, puis au noir de la nuit. Le hero rejoue la façade du matin au soir, avec des horodatages calligraphiés (7h30, 18h00, 22h00) synchronisés sur l'image, puis se fige sur la façade illuminée. Toute la carte a été transcrite depuis le menu réel puis paginée automatiquement dans un livre 3D, qu'on feuillette au clic, au clavier ou au swipe, avec des pastilles de chapitres. Sur téléphone, elle se lit page par page. La typographie associe Manrope pour la structure et Parisienne pour les accents dorés.
En mouvement
Le site,
défilé en vrai.
Enregistré tel quel, sur ordinateur et sur téléphone.
Moments forts
Ce qu'on
retient.
Une journée en dix secondes
La vidéo du hero fait passer la façade du matin à la nuit, avec les heures qui s'affichent au rythme de la lumière, puis s'arrête sur l'image du soir.
Le livre-carte
La vraie carte, de la formule petit-déjeuner aux coupes glacées, se feuillette page par page dans un livre 3D aux pastilles de chapitres.
Le fond qui suit l'heure
Chaque section porte une phase de la journée : le site s'assombrit progressivement, de la terrasse du matin au dernier verre.
La Grand-Place dessinée
Un plan SVG de la place (pavés, hôtel de ville, beffroi) avec un repère animé sur la brasserie remplace une carte générique.
Livrables
Ce qu'on
a livré.
Palette & typo
- Site one-page trilingue FR / EN / NL
- Logo écusson SG décliné en navigation, couverture de carte, pied de page et favicon
- Hero vidéo « une journée sur la façade » avec horodatages synchronisés
- Carte complète en livre 3D feuilletable, paginée automatiquement à partir de la vraie carte
- Fond du site qui passe du matin à la nuit au fil du scroll
- Plan illustré de la Grand-Place en SVG
- Galerie photo responsive avec carrousel mobile
Sur téléphone
Pensé pour
le pouce.
La majorité des visiteurs arrivent sur mobile. Chaque section est dessinée pour eux d'abord.
Votre projet