Les polices et la feuille de style sont servies depuis le site lui-même : premier affichage entre 540 et 950 ms.
← Toutes les réalisations
Traiteur et foodtruck, Annecy2026Site livré
La Barbeuclette
Un traiteur qui fume sa viande et déplace son camion : le site dit où il sera, ce qu'il sert, et combien coûte une privatisation — sans qu'un seul prix soit gravé dans le code.
01
La présentation en mouvement
02
Le brief
La Barbeuclette est arrivée avec un site statique déjà dessiné, en six écrans, et une demande simple : le mettre en ligne, et pouvoir tout changer ensuite. La carte bouge chaque semaine, les emplacements du foodtruck changent chaque jour : rien de tout cela ne pouvait rester figé dans des fichiers.
03
Ce que nous avons fait
01
Six pages autonomes reprises au pixel près depuis la maquette livrée : aucun écart de style relevé sur 1 408 éléments contrôlés, à 1440 et à 390 px.
02
251 champs rendus administrables — chaque plat, chaque prix, chaque emplacement de la semaine se corrige depuis la console.
03
Un estimateur de devis pour les privatisations, et une carte des emplacements filtrable.
04
Les données structurées relues sur les pages publiées : les plats, leurs prix et leur disponibilité remontent aux moteurs tels qu'ils sont affichés.
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
Tablette834 px de large
Mobile390 px de large
05
Ce que ça change
Les photos sont servies à la taille réellement affichée : environ 700 Ko d'images sur téléphone ramenés à moins de 70.
Zéro manquement d'accessibilité sur les sept pages, aux deux largeurs.
06
La fiche
Pages
6 + page d’erreur
Champs administrables
251
Mise en ligne
21 septembre 2026
07
Ce que le client gère lui-même
La carte : plats, prix, descriptions, plats épuisés
Les emplacements du foodtruck, semaine par semaine
Les formules et les étapes d'une privatisation
Les photos, leurs noms et leurs descriptions
08
La palette et les typographies
#F9F0DF#562D1E#C3AA96#FBF4E4#F7F0DF
Cinq couleurs relevées sur la page d'accueil, telles qu'elles sortent du rendu
Titres
La Barbeuclette
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.
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.
LB
La Barbeuclette
Traiteur & foodtruck
Annecy et Haute-Savoie
La Barbeuclette
Fumoir · Raclette · Privatisation
Annecy et Haute-Savoiecontact@barbeuclette.piks-l.combarbeuclette.piks-l.com
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.