PIKS-L
Chargement en cours...
← Toutes les réalisations
Restaurant, cassoulet de création2026Site livré

La Cassole Rose

Une maison qui prend le cassoulet au sérieux : la carte, la méthode, la salle et la réservation, dans un site qui se lit de nuit comme de jour.

Page d'accueil du site La Cassole Rose
La page d'accueil, telle qu'elle est en ligne
01

La présentation en mouvement

Le site parcouru de haut en bas — animation, rythme et transitions telles qu'elles se jouent chez le visiteur
02

Le brief

Le projet est arrivé en HTML écrit à la main, avec son rideau de transition, ses compteurs et ses rails horizontaux. Tout cela devait survivre au passage dans la console — et le client devait pouvoir corriger un prix sans casser une animation.

03

Ce que nous avons fait

01

Trente-et-un blocs repris section par section, avec le rideau, les compteurs et les rails horizontaux intacts.

02

462 champs administrables, et une règle de marquage qui préserve le balisage fin — exposants, notes, mots découpés pour l'animation.

03

Le thème clair terminé : plus aucune zone sombre oubliée sur les six pages.

04

La carte entière relue sur les pages publiées et publiée en données structurées : cinq sections, dix-huit plats, leurs prix.

04

Des pages, en vrai

Plusieurs écrans du site, aux trois largeurs qui comptent : l'écran du bureau, la tablette et le téléphone.

Écran1 280 px de large
La Cassole Rose — vue 1 en écran
La Cassole Rose — vue 2 en écran
La Cassole Rose — vue 3 en écran
Tablette834 px de large
La Cassole Rose — vue 1 en tablette
La Cassole Rose — vue 2 en tablette
La Cassole Rose — vue 3 en tablette
Mobile390 px de large
La Cassole Rose — vue 1 en mobile
La Cassole Rose — vue 2 en mobile
La Cassole Rose — vue 3 en mobile
05

Ce que ça change

Écart de style contre la maquette d'origine : 16 sur 40 300 propriétés mesurées, tous déclarés et voulus.

Sur téléphone, l'image principale arrive en 1,6 s au lieu de 3, et les images pèsent 130 Ko au lieu de 372.

Les compteurs lisent leur valeur dans le texte : un chiffre corrigé dans la console reste corrigé.

06

La fiche

Pages
6 + page d’erreur
Champs administrables
462
Mise en ligne
21 septembre 2026
07

Ce que le client gère lui-même

La carte : sections, plats, prix, mentions végétariennes

Le récit de la maison et la méthode du cassoulet

Les horaires et les informations de salle

Les photos et leurs alternatives textuelles

08

La palette et les typographies

#100E0C#2A2521#46413A#171310#92867F

Cinq couleurs relevées sur la page d'accueil, telles qu'elles sortent du rendu

Titres
La Cassole Rose
Archivograisse 800 · titres et accroches
Aa Bb Cc  0123456789
Texte courant
Le même texte, dans la police qui porte les paragraphes du site : c'est elle qu'on lit vraiment, ligne après ligne.
Archivograisse 400 · paragraphes et libellés
Aa Bb Cc  0123456789
09

La carte de visite

Une proposition imaginée à partir de la charte du site : mêmes couleurs, mêmes polices, recto et verso. Maquette non contractuelle — les coordonnées sont des exemples.

CR
La Cassole Rose
Cassoulet de création
Sud-Ouest, de saison
Recto
La Cassole Rose
Carte · Cave · Réservation
Sud-Ouest, de saisoncontact@la-cassole-rose.piks-l.comla-cassole-rose.piks-l.com
Verso
10

Les outils derrière ce site

Votre univers, notre chaîne

Dites-nous votre métier et ce que le site doit faire gagner. Réponse sous 24 h avec une estimation chiffrée.