Site de restaurant · Réservation · Menu

Ciao Italia

Année
2026
Rôle
Audit, design, intégration, réservation, menu, fiche Google
Outils
HTML/CSS/JS, Lighthouse, PageSpeed Insights
Page d'accueil de Ciao Italia sur ordinateur : titre en serif doré et blanc sur une photo sombre de pâtes, avec les boutons Reserve a table et View the menu

Le mandat

Ciao Italia est un restaurant italien de la rue Somerset Ouest, à Ottawa. L'ancien site WordPress obtenait 54 sur mobile dans PageSpeed, pesait 6,6 Mo et ne ressemblait pas à la salle à manger. Il fallait un site plus rapide, une façon de réserver une table et un menu facile à lire sur téléphone.

01 / Démarche

D'abord l'audit

J'ai passé l'ancien site dans PageSpeed : 54 sur mobile, une page de 6,6 Mo et environ 9,8 s avant que le contenu principal s'affiche sur un téléphone lent. La plus grande partie de ce poids venait de photos non compressées et de CSS et JavaScript qui bloquaient l'affichage.

02 / Démarche

Un site à l'image de la salle

Charbon et or, en Cormorant Garamond, avec les vrais plats, les vraies heures et la vraie adresse du restaurant. Les heures d'ouverture sont dans une bande juste sous l'image d'accueil, parce que c'est la première chose que les gens cherchent.

Bande des heures d'ouverture au-dessus de la section Our Story, avec une photo de plat et le titre Most Authentic Italian Cuisine
Page d'accueil de Ciao Italia sur téléphone, avec le titre et le bouton doré Reserve a table
03 / Démarche

Une réservation qui suit les heures du restaurant

La page de réservation propose seulement des heures où le restaurant est ouvert : fermé le mardi, le samedi dès 16 h, les autres jours dès 17 h, par tranches de 15 minutes avec des services de 90 minutes. Le prototype derrière attribue aussi de vraies tables, joint des tables de 2 pour les plus grands groupes, invite les groupes de 7 et plus à appeler, et donne au propriétaire une vue iPad de la soirée.

Page de réservation sur ordinateur : date, 2 personnes sélectionnées et tranches de 15 minutes de 17 h à 20 h 30
Page de réservation sur téléphone avec le nombre de personnes et les heures disponibles
04 / Démarche

Menu et fiche Google

Un menu imprimé de 6 pages (couverture et 5 pages) avec un repère halal sur chaque plat qui contient du porc. Et une trousse Google Business Profile : description, heures, exemples de publications, réponses aux avis, et le même nom, la même adresse et le même numéro partout.

Section Signature Selections avec Zucchini Fritti, Chicken Marsala et Smelts Fritti
Section contact avec le formulaire, l'adresse de la rue Somerset, le numéro de téléphone et les heures d'ouverture
05 / Démarche

Lancement et suivi

Le nouveau site est en ligne depuis le 19 juillet 2026. Un ami s'est occupé de la mise en ligne sur le domaine. En août, j'ai fait l'audit de référencement du site en ligne : le menu complet est encore en PDF, le titre de la page d'accueil fait 123 caractères et les heures ne correspondent pas aux autres annuaires. Ce sont les prochaines corrections.

Livrables

  • Refonte et intégration du site
  • Page de réservation qui suit les heures d'ouverture
  • Prototype de réservation avec vue iPad pour le propriétaire
  • Menu imprimé de 6 pages
  • Trousse Google Business Profile et réseaux sociaux
  • Audits PageSpeed et référencement

Résultats

  • Performance mobile de 86 à 91 dans Lighthouse pour le nouveau site (21 oct. 2026), contre 54 dans PageSpeed pour l'ancien site WordPress (12 juin 2026)
  • Poids de la page d'accueil réduit de 6,6 Mo à 775 Ko
  • En ligne sur ciao-italia.pages.dev depuis le 19 juillet 2026

Votre site vous fait-il perdre des clients ?

Je vérifie gratuitement votre site, votre fiche Google et votre menu, et je vous envoie un rapport d'une page.

Projet suivant

SUN: Interactive Energy →