Portfolio — étude de cas

Démonstration — restaurant fictif

Brasa — le site d'un restaurant de viande à Metz

Un site que je me suis commandé à moi-même, pour traiter une question que les restaurateurs se posent tous : comment un site fait-il réellement remplir une salle ?

Ouvrir la démonstration
Page d'accueil du site Brasa : salle de restaurant sombre éclairée par un feu de cheminée, titre « Le feu comme seul artifice » et bouton cuivre « Réserver une table »

L'exercice

Brasa n'existe pas. C'est un restaurant de viande maturée que j'ai inventé pour construire le site que j'aurais proposé à un vrai. La restauration est l'un des secteurs les plus demandeurs à Metz, et l'un des plus mal servis : beaucoup de cartes en PDF illisibles sur téléphone, et des sites qui racontent une ambiance sans jamais amener à réserver.

La réponse

Un parcours qui converge vers un seul geste. Le bouton « Réserver » reste visible en permanence, et chacune des cinq pages y ramène. La carte est une vraie page web — lisible au pouce, avec une sous-navigation qui suit la lecture — et non un PDF à pincer pour zoomer. Le reste installe l'atmosphère sans jamais retarder la réservation.

Ce que contient le site

  • Cinq pages : accueil, carte, expérience, galerie, réservation
  • Un moteur de créneaux qui respecte les horaires et les jours de fermeture
  • Une galerie avec visionneuse au clavier (←, →, Échap)
  • Un plan Google Maps qui ne se charge qu'au clic : aucun cookie tiers déposé sans action du visiteur

Le choix technique

Cinq pages statiques, sans CMS ni base de données. Un restaurant modifie sa carte quelques fois par an, pas trois fois par jour : il m'envoie la nouvelle carte, et je la mets en ligne. Pas de logiciel à mettre à jour, pas d'extension qui casse un matin. La palette cuivre est échantillonnée directement sur le logo, et tout le site tient sur une poignée de variables CSS — changer une couleur se fait à un seul endroit.

Nature
Démonstration — aucun client réel
Projet
Site vitrine de restaurant, 5 pages
Année
2026
Réalisation
HTML, CSS et JavaScript, sans framework
La carte de Brasa affichée dans un navigateur : les entrées listées une par une, avec leur description et leur prix
La carte est une page web, lisible au pouce. Pas un PDF à pincer pour zoomer.
Le formulaire de réservation de Brasa : nombre de couverts, date, service, et une grille de créneaux horaires
Le moteur de créneaux respecte les horaires et les jours de fermeture.

La suite

Votre projet peut être le suivant.

Décrivez-moi ce que vous avez en tête. Je réponds sous 24 heures avec un premier avis et une estimation.

Parler de votre projet