Projet conceptuel : entreprise fictive

Une taverne lisboète, une page d’accueil qui remplit les tables

Taberna da Poupa est une taverne familiale fictive de l’Alfama, à Lisbonne, inventée pour montrer notre façon de travailler. Son site, en portugais et en anglais, est conçu pour transformer ceux qui lisent la carte en tables réservées, y compris les soirs de fado, très demandés.

Métier
Restaurants et cafés
Lieu
Lisbonne, Portugal
Objectif principal
Réservations de tables et demandes de groupes
Langues
PT / EN

Ouvre le site de démonstration. L’entreprise est fictive : les formulaires et les boutons ne contactent personne.

Le brief

Une bonne taverne sur une place cachée

Taberna da Poupa est une taverne inventée, sur une petite place de l’Alfama, tenue par la même famille depuis 1971. Dans notre brief imaginaire, les nouveaux clients la trouvent sur Google Maps ou passent devant en descendant du tram 28, mais ils ne peuvent voir ni la carte, ni les prix, ni s’il reste une table ce soir. Les soirées fado du jeudi et du samedi sont les premières complètes, et le téléphone sonne toute la journée pour les mêmes questions. Le nouveau site devait montrer la carte et le plat du jour avec leurs prix, en portugais et en anglais, et permettre de réserver une table en ligne sans appeler.

À qui s’adresse la page

Les voisins qui regardent le plat du jour, et les visiteurs de Lisbonne qui prévoient un dîner ou une soirée fado, en général sur téléphone et souvent en anglais. Sans oublier ceux qui organisent un dîner d’équipe ou un anniversaire pour 10 à 24 personnes.

Anatomie de la page

Anatomie d’un site de restaurant qui remplit les tables

Voici la page d’accueil d’un site Local Plus en deux langues : 10 sections, du haut de l’écran d’un téléphone vers le bas.

Taberna da Poupa — Projet conceptuel : entreprise fictive
  1. Titre, deux boutons et un statut en direct

    « La petite place où l’Alfama vient manger. » s’affiche à côté d’une photo de la terrasse. Dessous : « Réserver une table », « Voir la carte », une ligne qui indique si la taverne est ouverte en ce moment, à l’heure de Lisbonne, et quel est le plat du jour, puis trois raisons de lui faire confiance : la même famille depuis trois générations, le poisson du marché chaque matin, et aucune carte bancaire demandée pour réserver.

  2. Le plat du jour, un bouton par jour

    Sept boutons, du lundi au dimanche, ouverts sur aujourd’hui. Chaque jour affiche son plat, une courte description et un prix de 10,50 € à 13,50 €, avec un bouton pour réserver ce jour-là. À côté, le menu du midi en semaine à 14,50 €, avec son propre bouton « Réserver le déjeuner ».

  3. La carte en quatre onglets

    Petiscos, grillades, desserts et vins. Chaque plat garde son nom portugais, avec une description d’une ligne et un prix en euros. Les plats végétariens sont signalés, et une note sur les allergies se trouve à côté d’un autre bouton « Réserver une table ».

  4. Des photos, puis les soirées fado

    Quatre photos légendées, du grill au charbon de bois au dessert, mènent à la section fado : le jeudi et le samedi à partir de 21 h 30, sans supplément pour la musique, et les quatre prochaines dates de fado sous forme de boutons qui ouvrent le formulaire de réservation.

  5. La réservation en deux étapes

    L’étape 1 demande le nombre de personnes (1 à 8), le jour et l’heure, répartie entre déjeuner et dîner. L’étape 2 demande un nom, un numéro de portable et, si vous le souhaitez, un e-mail et vos demandes particulières. Elle se termine par un récapitulatif et un fichier « Ajouter au calendrier ». Les groupes de plus de 8 personnes sont orientés vers l’Adega.

  6. L’Adega, pour les groupes de 10 à 24

    Une cave à vin voûtée en pierre sous la taverne, avec trois menus à 28 €, 38 € et 55 € par personne et un court formulaire de demande. Le formulaire promet une réponse sous un jour ouvré.

  7. Avis d’exemple, accès, horaires et FAQ

    Trois avis, clairement signalés comme contenu d’exemple. Puis comment venir : un trajet à pied en quatre étapes depuis le tram 28, le métro, les options taxi et parking, un lien vers le plan, les horaires avec le jour actuel en évidence et le numéro de téléphone. Sept réponses courtes terminent la page, du couvert à l’accès en fauteuil roulant.

Ce qui apporte appels et réservations

Cinq choix qui transforment les visites en réservations

La réservation s’ouvre sur le prochain jour libre

La carte de réservation démarre sur le premier jour où il reste des tables : les horaires sont donc déjà à l’écran. Des raccourcis pour aujourd’hui, demain et la prochaine soirée fado se trouvent au-dessus de la date, et les horaires déjà pris sont grisés et marqués « complet ».

Chaque bouton de réservation remplit le formulaire

Touchez le bouton de réservation sous un plat du jour, le menu du midi ou une date de fado, et le formulaire s’ouvre avec ce jour déjà choisi. Le menu du midi sélectionne 13 h et les soirées fado 20 h. Si cet horaire est complet, le formulaire choisit l’horaire libre le plus proche et le dit, au lieu de le changer en silence.

Les prix, avant qu’on ait à demander

Chaque plat et chaque vin affiche un prix en euros, TVA comprise. Le couvert est expliqué : le pain et les olives coûtent 2,50 € par personne, et seulement si vous les mangez. Les menus de groupe affichent un prix par personne : aucune surprise à la fin du repas.

Enlever le stress de la réservation

À côté du formulaire, trois promesses courtes : ni carte bancaire ni acompte, la table est gardée 15 minutes, et l’annulation est gratuite en répondant au SMS. Le formulaire ne demande qu’un nom et un numéro de portable, et le numéro de téléphone est juste là pour ceux qui préfèrent parler.

L’étape suivante, toujours sous le pouce

Sur téléphone, une barre avec Appeler, Carte et Réserver une table apparaît dès que les boutons du haut sortent de l’écran. Elle s’efface au niveau des formulaires de réservation et de groupe, et pendant la saisie, pour ne jamais masquer un champ. Sur les grands écrans, c’est l’en-tête, avec son bouton Réserver, qui reste en haut.

Scores mesurés

  • 93Performance
  • 100Accessibilité
  • 100Bonnes pratiques

Google Lighthouse, mobile, 4G simulée, mesuré le 19 septembre 2026. Le SEO n’est pas noté : les démos conceptuelles sont volontairement cachées à Google (noindex), ce que Lighthouse pénalise. Faites le test vous-même sur la démo en ligne.

Notes techniques

  • HTML, CSS et JavaScript écrits à la main, sans framework : 84 Ko de CSS et de JavaScript avant compression, 21 Ko en gzip. Aucun script de suivi, aucun cookie, et les formulaires n’envoient rien nulle part.
  • 8 photos, toutes générées par IA, en AVIF avec des versions WebP et JPEG de secours, en 3 ou 4 tailles chacune selon l’écran. Seule la photo du haut se charge tout de suite ; les 7 autres se chargent au fil du défilement.
  • DM Serif Display pour les titres et DM Sans pour tout le reste. Les deux polices sont hébergées sur le site, 3 fichiers et 86 Ko au total, sans aucun appel à Google Fonts.
  • Des couleurs tirées de la rue : bleu azulejo, blanc cassé de chaux, jaune du tram 28 pour chaque bouton de réservation, et un rouge vin profond pour les soirées fado.
  • Accessibilité : un lien d’évitement, des onglets qu’on parcourt avec les flèches du clavier, une vraie étiquette sur chaque champ, des messages d’erreur à côté du champ concerné, des boutons d’au moins 44 px de haut, et les animations coupées pour les personnes qui demandent moins de mouvement. Sans JavaScript, la carte et la semaine des plats s’affichent sous forme de listes simples.
  • Formule Local Plus : deux langues, portugais européen et anglais, avec un sélecteur qui garde votre position sur la page. La démo ne montre que la page d’accueil ; un site complet pourrait ajouter des pages comme les événements privés ou toute la carte des vins, jusqu’à 12 au total, et les réservations en direct passeraient par un outil de réservation de votre choix (ses frais restent à votre charge).
Palette
Polices
DM Serif Display + DM Sans

La formule correspondante

Local Plus

Ce concept correspond au type de site que vous obtenez avec Local Plus : 2 490 £ pour la création, puis à partir de 39 £/mois pour l’entretien. Les options interactives, comme les calculateurs et les estimateurs, font l’objet d’un devis à part.

Page métier : Restaurants et cafés →

Aperçu gratuit

Un site comme celui-ci pour votre restaurant ?

Parlez-nous de votre restaurant et nous concevrons d’abord votre nouvelle page d’accueil, gratuitement et sans carte bancaire. Vous ne payez que si vous décidez de continuer.

  • Sans carte bancaire
  • Domaine à votre nom
  • Entretien résiliable à tout moment après 3 mois