Aller au contenu
← Tous les projets

Le Bel Canto

Un site vitrine pour une pizzeria familiale de Saint-Lô. La carte de 110 plats se lit en photos, et une recherche par ingrédient aide à choisir en quelques secondes.

  • CadreDémo, avec l’accord du gérant
  • PériodeOctobre 2026
  • Mon rôleUX/UI, intégration, traduction, SEO local
  • OutilsHTML, CSS, JavaScript, Lighthouse, Search Console

Voir la démo en ligne ↗

Démo Le Bel Canto sur ordinateur et mobile

Le contexte

Une pizzeria familiale de la rue du Belle, connue sur place mais peu visible en ligne.

Le défi

Donner envie, montrer une longue carte sans perdre le visiteur, et faire réserver une table par téléphone.

Mon rôle

  • Conception de l’interface et de l’ambiance : fond sombre, or de la maison, filet italien.
  • Intégration HTML, CSS et JavaScript, avec une recherche par ingrédient.
  • Traduction anglaise complète, y compris les noms des plats.
  • SEO local, Google Search Console, Bing et contrôle qualité Lighthouse.

01 / 06

L’ambiance d’abord

La salle est chaleureuse et tamisée. J’ai repris cette ambiance : fond sombre, or de la maison et un fin filet vert, blanc, rouge.

Une salle chaleureuse, peu visible en ligne.

Contexte Une salle chaleureuse, peu visible en ligne.

02 / 06

Une longue carte, rendue simple

110 références, c’est beaucoup sur un téléphone. J’ai ajouté une recherche par ingrédient qui garde seulement les plats qui le contiennent.

On tape un ingrédient : seuls les bons plats restent.

La carte en un mot On tape un ingrédient : seuls les bons plats restent.

03 / 06

Les formules du midi

Menu Express, Menu Bambino et pizza du mois sont mis en avant : ce sont elles qui font venir les clients le midi.

Menu Express, Menu Bambino et pizza du mois.

Les formules Menu Express, Menu Bambino et pizza du mois.

04 / 06

Pensé pour le téléphone

Une barre d’actions toujours visible : réserver, voir la carte, venir. Les horaires du jour s’affichent tout de suite.

Réserver, voir la carte et trouver la rue, au pouce.

Pensé pour le téléphone Réserver, voir la carte et trouver la rue, au pouce.

05 / 06

Deux langues, deux lumières

Sombre par défaut, clair au choix et mémorisé. La version anglaise traduit aussi les noms des plats.

Deux thèmes et une carte entièrement en anglais.

Sombre le soir, clair le jour Deux thèmes et une carte entièrement en anglais.

06 / 06

Qualité et mise en ligne

Polices hébergées sur le serveur, Google Maps chargé seulement au clic, sitemap bilingue, Search Console et Bing. Un bandeau « démo » reste visible.

Scores Lighthouse réels et liste de ce qui a été livré.

Livraison Scores Lighthouse réels et liste de ce qui a été livré.

Une démo, pas une commande

J’ai créé ce site pour présenter mon travail au gérant, qui a accepté qu’il reste en ligne pendant une période d’essai et qu’il soit montré ici. Il porte un bandeau « site démo » et sera retiré sur simple demande.

Contact

Un poste, une mission ou une simple question ?

Je réponds en français ou en anglais, en général sous 48 heures.