Aller au contenu
timaubTimothée Aubourg

Réalisations / Site d'un restaurant

Site vitrine

Site d'un restaurant : carte, soirées et réservation

Site de 5 pages pour un bistrot : la carte, les soirées, les horaires du jour mis en avant tout seuls et une demande de réservation.

Le besoin

Une démonstration pour les restaurants, les bars et les auberges : ce qu'un client cherche sur son téléphone avant de venir, la carte, les horaires, les soirées, et un moyen de réserver.

Ce que j'ai construit

Cinq pages : accueil, carte, soirées, réservation, mentions légales.

L'accueil met en avant le menu du jour, les horaires du jour, trois plats et les prochaines soirées. La carte se parcourt par rubriques, avec ses deux formules.

Chaque soirée a son bouton « Réserver pour cette soirée », qui ouvre le formulaire déjà rempli.

Démonstration : le restaurant, la carte, les prix, les soirées et les avis sont inventés, et des dessins tiennent la place des photos.

À essayer dans la démo

  1. Regardez le bloc « Aujourd'hui » de l'accueil, puis le tableau des horaires : la ligne du jour est mise en avant toute seule.
  2. Depuis une soirée, cliquez « Réserver pour cette soirée » : la demande arrive préremplie.
  3. Dans le formulaire, choisissez une date passée : elle est refusée.
Sous le capot

Ce que j'ai vérifié

  • Les horaires du jour sont calculés à partir de la date du jour.
  • Le formulaire refuse une date passée.
  • Le bouton d'une soirée préremplit la demande de réservation.

Simulé dans la démo

  • Le formulaire n'envoie rien.

Lighthouse entre 99 et 100. Regardée dans Chrome et dans WebKit, le moteur de Safari, sur ordinateur et sur téléphone.

En images

La démonstration en captures

La réservation : le jour courant surligné dans les horaires.
La réservation : le jour courant surligné dans les horaires.
Sur téléphone : les boutons Appeler et Réserver restent en bas de l'écran.
Sur téléphone : les boutons Appeler et Réserver restent en bas de l'écran.

Décrivez-moi votre besoin