Un client choisit où aller en quelques minutes – sur la foi des photos, de l’ambiance et de la facilité à réserver une table. À travers Beef&Cake, à Khmelnytskyï, je vous montre comment j’ai réalisé un site de restaurant sous WordPress, avec banquets, salon VIP, bons cadeaux, deux versions linguistiques et une version mobile complète.
Le restaurant et sa demande
Beef&Cake est un restaurant de viandes à la cuisine d’auteur, au centre de Khmelnytskyï, rue Proskurivska. La maison mise sur des viandes préparées selon ses propres recettes et dispose, en plus de la salle principale, d’un salon VIP et d’une salle de banquet. Le restaurant vend des bons cadeaux, tient une boutique de souvenirs, fait visiter ses salles en 3D, reçoit des distinctions et publie ses propres actualités – par exemple sur son tartare de bœuf record, homologué par le Livre des records d’Ukraine.
Il fallait réunir tout cela dans un site qui exprime le caractère de l’établissement et pousse à l’action : réserver une table, commander un banquet ou acheter un bon cadeau. J’ai réalisé ce site sous WordPress avec un thème sur mesure – deux versions linguistiques, formulaires de demande, galeries, actualités et version mobile complète.
Structure : trois raisons de venir sur le site
Je ne suis pas parti d’une liste de pages, mais de la raison pour laquelle on ouvre le site d’un restaurant. Il en est ressorti trois scénarios, chacun avec son propre chemin, aussi court que possible :
- « je veux dîner » – le bouton « Réserver une table » dès le premier écran, la carte, les horaires, l’adresse et le plan ;
- « j’organise un événement » – les pages du salon VIP et de la salle de banquet, avec photos, capacité et demande de banquet ;
- « je cherche un cadeau » – le bloc des bons cadeaux, une fenêtre contextuelle et un formulaire de demande.
Les autres pages viennent appuyer le choix : le restaurant, la visite 3D, la galerie et les actualités. Dans l’en-tête : le logo, un lien vers la visite 3D, le sélecteur de langue ENG | UKR et le bouton du menu. Celui-ci donne accès à toutes les rubriques du site, ainsi qu’aux autres projets du propriétaire, au service traiteur et à la boutique de souvenirs.
La page d’accueil
Le premier écran montre la salle dans la pénombre, murs de briques et lumière chaude, le logo avec son schéma de découpe du bœuf et un bouton doré « Réserver une table ». La page d’accueil fait ensuite brièvement le tour de tout ce que propose le restaurant :
- le restaurant – un collage de quatre photos dans un cadre doré, un texte et des liens vers la visite 3D et la boutique de souvenirs ;
- la carte – un grand steak sur fond sombre et le bouton « Voir la carte » ;
- le salon VIP et la salle de banquet – photos, capacité et accès aux pages dédiées ;
- les bons cadeaux – un carrousel avec bouton « Acheter » ;
- les actualités et les distinctions – des carrousels avec flèches et points ;
- les horaires, l’adresse, le téléphone, l’e-mail, les réseaux sociaux, des liens vers la carte, la réservation de table, la livraison et les avis sur le service Choice, et un plan.
Le pied de page reprend les rubriques du site, les autres projets du propriétaire et ses services : traiteur et boutique de souvenirs. Il a pour fond le schéma de découpe du bœuf dessiné au trait – le même motif que dans le logo.
Salon VIP et salle de banquet
Les lieux d’événements sont une source de demandes à part entière ; chacun a donc sa page. Le texte alterne avec des photos verticales disposées en quinconce, et les phrases clés ressortent en écriture manuscrite : une longue description se lit plus facilement, et l’essentiel ne se perd pas.
- le salon VIP – un espace privé pour 8 à 10 personnes, avec entrée indépendante, balcon, télévision et climatisation, pour les rendez-vous, les fêtes et les négociations ;
- la salle de banquet – jusqu’à 50 convives, une entrée indépendante, un grand écran LED pour les vidéos et les photos, un bar ouvert, et la possibilité de transformer la salle en salle de conférence.
Les deux pages se terminent par un carrousel de photos, et sur celle de la salle de banquet, le bouton « Demande de banquet » ouvre le formulaire.
Galerie, actualités et visite 3D
Les galeries reposent sur l’extension Photo Gallery et se répartissent en trois thèmes : « Notre carte », « Notre ambiance » et « Notre intérieur ». La page générale de la galerie présente une sélection de chaque thème, et chaque thème a sa propre page avec toutes les photos. Le restaurant ajoute lui-même ses nouvelles photos depuis l’administration, sans toucher au code.
Les actualités sont des articles WordPress : elles défilent en carrousel sur la page d’accueil et s’ouvrent chacune sur sa propre page. La visite 3D est accessible depuis l’en-tête et le bloc « Le restaurant » et s’ouvre sur une page dédiée : le client peut jeter un œil à la salle avant même de venir.
Formulaires et fenêtre des bons cadeaux
J’ai réalisé les demandes de banquet et de bon cadeau avec Contact Form 7, en les gardant courtes et construites sur la même logique : nom, e-mail et téléphone avec masque +380, une mention précisant qu’un responsable rappellera, et une mention de consentement au traitement des données personnelles. Le masque empêche de saisir un numéro au mauvais format : le responsable reçoit un numéro qu’il peut appeler tout de suite. Après l’envoi, le client voit le message « Envoyé » et sait que sa demande est bien partie.
Pour les bons cadeaux, j’ai prévu une fenêtre contextuelle : l’image du bon, une description et un bouton « Acheter » qui mène au formulaire de demande. Le client ne quitte pas la page sur laquelle le cadeau a éveillé son intérêt.
WordPress, deux langues et version mobile
Le site tourne sous WordPress avec un thème écrit spécialement pour ce projet. Le restaurant modifie les textes des pages, les actualités et les photos depuis l’administration, tandis que l’apparence reste cohérente, car tous les blocs – carrousels, collages, cartes, formulaires – sont prévus dans les gabarits du thème.
- deux versions linguistiques – ukrainienne et anglaise –, avec le sélecteur ENG | UKR dans l’en-tête de chaque page ;
- une version mobile complète : accueil, le restaurant, salon VIP, salle de banquet, visite 3D, actualités, galerie, formulaires, message « Envoyé », fenêtre des bons cadeaux et menu sont repensés pour le smartphone ;
- sur téléphone, les blocs passent sur une seule colonne, collages et carrousels sont conservés, et boutons et contacts restent grands et faciles à toucher ;
- Google Site Kit – la fréquentation et les données de recherche sont visibles directement dans le tableau de bord WordPress.
Ce qui fait un bon site de restaurant
Un site de restaurant ne vend pas des plats, il vend une expérience : une ambiance, des saveurs, une envie de venir. C’est pourquoi, quand je crée un site pour un restaurant, je m’appuie sur quelques principes :
- les photos des plats et des salles sont le contenu principal, le texte ne fait que les compléter ;
- la réservation de table est visible dès le premier écran et accessible en quelques gestes ;
- banquets, salons VIP et bons cadeaux ont chacun leur page avec demande, et pas une simple ligne dans le menu ;
- horaires, adresse, téléphone et plan sont toujours à portée de main ;
- la version mobile est pensée à part – on cherche le plus souvent un restaurant sur son smartphone, en chemin ou juste avant de sortir ;
- le restaurant met à jour lui-même ses actualités et sa galerie, sans développeur.
Si vous avez besoin d’un site pour un restaurant, un café ou un bar, je vous aide à traduire le caractère de votre établissement en un site où le client trouve vite la carte, réserve sa table et envoie sa demande de banquet.
Détails du projet
Type de projetnouveau site
CatégorieSite d’entreprise
TechnologiesWordPress, thème sur mesure, PHP, HTML5, CSS3, JavaScript, Contact Form 7, masque de saisie du téléphone, Photo Gallery, Google Site Kit, intégration responsive
Rôledéveloppement du site sous WordPress : thème sur mesure, intégration responsive, formulaires, galeries, actualités, deux versions linguistiques
Clientrestaurant Beef&Cake
PaysUkraine
Travaux réalisés
- Site WordPress construit sur un thème sur mesure
- Page d’accueil : réservation de table, le restaurant, carte, salon VIP, salle de banquet, bons cadeaux, actualités, distinctions, contacts et plan
- Pages « Le restaurant », salon VIP, salle de banquet et visite 3D
- Galeries avec l’extension Photo Gallery : carte, ambiance, intérieur
- Actualités en carrousel sur l’accueil et modèle de page d’article
- Formulaires de demande de banquet et de bon cadeau sous Contact Form 7, avec masque de téléphone
- Fenêtre contextuelle des bons cadeaux
- Versions ukrainienne et anglaise avec sélecteur de langue dans l’en-tête
- Adaptation de toutes les pages, formulaires et fenêtres au smartphone
- Intégration de Google Site Kit
Résultat
- Un site de restaurant sous WordPress que le restaurant met à jour lui-même
- Des chemins courts vers la réservation de table, la demande de banquet et l’achat d’un bon cadeau
- Deux versions linguistiques – ukrainienne et anglaise
- Version mobile complète de toutes les pages, formulaires et fenêtres contextuelles