VITALIANO : un site concept de restaurant où l’on choisit sa table exacte

VITALIANO est un groupe fictif de restaurants italiens à trois adresses : Moscou, Saint-Pétersbourg et Sotchi, dont l’ouverture est prévue en 2027. VITON¹³ l’a créé comme concept, pour montrer ce qu’un site de restaurant peut faire au-delà d’une carte et d’un numéro de téléphone. Le site est en anglais, avec des noms de plats en italien.

Le site devait répondre aux questions qu’un client se pose avant de dîner : ce qu’il y a à la carte et à quel prix, quoi boire avec, où se trouve chaque adresse et à quelle table exactement il s’assiéra. Réserver devait revenir à choisir une place, pas à remplir un formulaire.

14 pages : accueil, La Carta (la carte), Il Sommelier, Il Tavolo (réservation), confirmation de réservation, événements privés, Le Case (les adresses sur une carte), Chi siamo (à propos), recrutement, contact, un compte de démonstration avec les réservations, mentions légales, confidentialité et une page 404. La carte compte 34 plats et 8 vins avec leurs prix ; quand le curseur parcourt la liste, une photo du plat le suit.

Il Tavolo dessine le plan de salle de chaque adresse avec 20 tables : tables pour deux près des fenêtres, la grande salle, une tavolata commune, un comptoir du chef face au four à bois, un salon privé et une terrasse. La disponibilité change selon l’adresse, la date, l’heure et le nombre de convives ; au survol, chaque table dit ce qui la distingue, et « Surprise me » choisit la meilleure place libre.

Il Sommelier attribue à chaque plat et à chaque vin un profil gustatif en quatre dimensions. Le client règle quatre curseurs et une humeur, et le site compose l’antipasto, le plat, le dessert et le verre les plus proches en un menu chiffré, avec un pourcentage de correspondance pour chacun. Les plats choisis à la carte ou chez le sommelier deviennent une précommande qui suit la réservation et arrive sur la table dès que le client s’assied.

Le parcours clé va de la carte au sommelier puis à la réservation : le client lit La Carta, laisse le sommelier composer le dîner, emporte cette précommande dans Il Tavolo, choisit sa table et reçoit une confirmation, visible aussi dans le compte de démonstration. Le mouvement donne le rythme : un préchargeur avec compteur, des transitions en rideau vert olive entre les pages, des titres révélés ligne par ligne, du parallaxe, une galerie horizontale épinglée des plats signatures, une ellipse qui se trace comme à la main, des bandeaux défilants qui accélèrent avec le scroll, des boutons-tampons magnétiques et un curseur sur mesure.

Le site est écrit en HTML, CSS et JavaScript, sans étape de build. L’en-tête, le pied de page et les calques viennent d’un seul script partagé, si bien qu’ils restent identiques sur toutes les pages ; GSAP avec ScrollTrigger et Lenis gèrent l’animation et le défilement. Réservations et compte sont des données de démonstration conservées dans le localStorage du navigateur, et rien n’est envoyé nulle part. Les photos et les vidéos sont des photos et vidéos de stock sous licence d’Unsplash et de Pexels, chargées directement depuis leurs CDN.

Le concept existe sous la forme de 14 pages fonctionnelles, avec 34 plats, 8 vins, 3 adresses et 20 tables par plan. Lighthouse a mesuré la page d’accueil le 22 septembre 2026. Sur mobile, avec le bridage par défaut : performance 70, accessibilité 94, bonnes pratiques 77 et SEO 100, avec un LCP de 5,0 s, un CLS de 0,015 et une page de 5,4 Mo en 31 requêtes. Sur ordinateur : performance 93, accessibilité 94, bonnes pratiques 77 et SEO 100, avec un LCP de 1,0 s et un CLS de 0,025.

Les contrôles menés sur les 13 pages rendues dans Chrome (hors page 404) ont trouvé un titre unique et un seul H1 sur chaque page, l’attribut lang à en, une mise en page qui tient dans 390 px sans défilement horizontal, un texte alternatif sur 100 % des images et 0 lien interne cassé. Canonical, Open Graph et données structurées figurent sur 0 page sur 13, et il n’y a ni sitemap.xml ni robots.txt.

VITALIANO est un concept réalisé par VITON¹³ pour montrer l’étendue de son travail, pas un projet commandé. Le groupe, ses trois restaurants, les personnes, les plats, les prix et les adresses postales sont fictifs. Le site n’a ni domaine, ni visiteurs, ni trafic de recherche, ni réservations : chaque réservation et chaque précommande sont des données de démonstration qui restent dans le navigateur. Les photos et les vidéos sont des photos et vidéos de stock sous licence d’Unsplash et de Pexels.

Les scores Lighthouse sont des mesures de laboratoire de la page d’accueil sur une seule journée, pas des données de clients réels, et un SEO à 100 ne couvre que les bases. L’étude ne montre pas comment la réservation fonctionnerait avec un vrai système de réservation, une cuisine ou un paiement, et ne prouve pas que le site ferait venir des clients au restaurant.