Aller au contenu
Journal

Site internet restaurant : l’exemple concret d’O’Max

Un site internet de restaurant doit permettre de choisir un plat, comprendre son prix et savoir comment commander ou venir. Pour O’Max, à Saint-Brieuc, nous avons travaillé sur ces trois actions : une carte consultable sur mobile, des accès directs au téléphone et des informations pratiques regroupées. Voici les choix réalisés, leurs limites et les vérifications à reprendre pour votre établissement.

Accueil du site O’Max avec carte et bouton de commande par téléphone
O’Max, Saint-Brieuc : capture du site réalisé par ISS Agency, septembre 2026.
01

Partir de la commande que vous pouvez vraiment traiter

Avant de choisir une mise en page, décrivez la prochaine action attendue. Un restaurant avec service à table peut vouloir des réservations. Une pizzeria à emporter peut préférer des appels. Une enseigne équipée pour encaisser en ligne peut proposer un panier. Ces parcours demandent des outils et une organisation différents : ils ne doivent pas être présentés comme équivalents.

Sur le site O’Max, le bouton Commander ouvre le téléphone. Il n’existe pas de paiement en ligne ni de confirmation automatique de commande. La carte aide le visiteur à préparer son choix, puis l’équipe prend le relais pendant l’appel. C’est un périmètre clair, adapté à un site vitrine : il faut pouvoir répondre, confirmer les disponibilités et annoncer le délai réel.

Écrivez cette règle avant la création : « Le client consulte la carte, appelle, puis reçoit une confirmation de l’équipe. » Elle permet de choisir les boutons, les explications et les tests. Si vous ajoutez ensuite la commande en ligne, il faudra traiter les indisponibilités, les créneaux, les paiements et les annulations. Un nouveau bouton ne suffira pas à organiser cette évolution.

02

Rendre la carte lisible sans télécharger un document

La carte O’Max est présentée directement dans la page. Des liens conduisent aux burgers, sandwichs, tacos et bowls, pizzas et petits plus. Chaque produit possède un nom et, lorsque les informations sont disponibles, une composition. Les montants « seul » et « menu » sont distingués pour éviter qu’un lecteur compare deux offres différentes.

Ce choix permet de consulter les plats sans ouvrir un PDF, changer d’application ou agrandir une photographie de flyer. Un document téléchargeable peut rester utile en complément. Il ne devrait pas être le seul moyen de comprendre l’offre sur un petit écran, surtout lorsque les prix deviennent illisibles à taille normale.

Pour votre carte, commencez par vérifier cinq produits représentatifs : un produit simple, un menu, une formule avec taille, un supplément et un produit composé. Demandez à quelqu’un de retrouver leur prix sans explication. Si la personne hésite, corrigez les libellés. Précisez aussi ce que contient un menu lorsque cette information est confirmée par l’établissement ; ne le laissez pas deviner à partir des photos.

Les changements de carte doivent avoir un responsable. Notez qui transmet les nouveaux tarifs, qui les intègre et qui vérifie la page publiée. Une carte élégante avec un ancien prix crée une discussion inutile au moment de commander. Pour organiser la suite, consultez notre guide sur le prix et le contenu de la maintenance.

Carte des burgers O’Max avec prix seul et prix menu
La carte est du texte consultable directement dans la page.
03

Adapter les photos au mobile sans cacher les plats

Une photographie horizontale ne peut pas remplir un espace très vertical tout en restant intégralement visible. Il faut accepter un recadrage ou adapter la composition. Dans la première version mobile d’O’Max, l’image couvrait un hero de 680 pixels de haut : le burger et le tacos étaient trop coupés sur les côtés.

Nous avons donc placé le texte au-dessus de la photographie sur mobile et tablette étroite, puis conservé les proportions de l’image. Sur ordinateur, la photographie occupe toute la largeur du hero avec le texte superposé. Il s’agit de deux présentations du même contenu, choisies selon l’espace disponible. Le site conserve son identité sans forcer le cadrage de bureau sur un téléphone.

Cette correction est vérifiable visuellement. Elle ne démontre pas une hausse des commandes : aucune mesure commerciale avant/après n’est présentée ici. Pour votre site, examinez la photo avec son texte, ses boutons et les couleurs réelles. Une belle image seule peut devenir peu lisible une fois utilisée comme fond. Vérifiez également que les visuels représentent honnêtement l’offre et que vous avez le droit de les publier.

Hero O’Max sur mobile, texte au-dessus de la photo entière
Sur mobile, le texte et la photo sont séparés pour préserver le cadrage.
04

Afficher les informations pratiques sans ambiguïté

Le pied de page rassemble l’adresse, le téléphone, les catégories de la carte et l’itinéraire. Une FAQ explique comment commander, où se trouve le restaurant et comment demander les conditions de livraison. Le même numéro est utilisé sur les liens d’appel pour éviter les écarts entre le haut et le bas du site.

Une information commerciale non validée doit rester hors d’une promesse définitive. Au moment de cette réalisation, le minimum de commande pour la livraison gratuite restait à préciser. La FAQ invite donc à appeler pour confirmer la zone, les frais et les conditions ; le bandeau de cette version comporte encore un montant à compléter. Ce point doit être finalisé par le restaurant avant de communiquer largement sur l’offre de livraison.

Appliquez la même discipline aux horaires, aux moyens de paiement et aux délais. Inscrire « livraison en trente minutes » sans organisation permettant de tenir cette promesse expose à des déceptions. Une indication précise et confirmée vaut mieux qu’une formule séduisante. Pour les allergies, prévoyez un contact avec l’équipe et des informations vérifiées sur les ingrédients ; une photo ne permet pas de répondre à cette question.

Pied de page O’Max avec catégories, téléphone et itinéraire
Le pied de page réunit les informations nécessaires pour poursuivre la commande.
05

Relier le site à la présence locale du restaurant

Une fois le site public, vérifiez le lien présent sur votre fiche d’établissement Google et la cohérence des coordonnées. Google indique que des informations complètes et exactes aident à comprendre l’activité ; le classement local dépend notamment de la pertinence, de la distance et de la notoriété. Un nouveau site ne garantit donc pas une première place sur Maps. Consultez les conseils officiels de Google sur la visibilité locale.

Le site peut préciser ce qu’une fiche résume : la carte détaillée, les formats disponibles, les modalités de commande et les informations utiles avant un appel. Utilisez le nom réel de l’établissement et sa commune dans un texte naturel. Ajouter une longue liste de villes sans rapport avec votre zone n’aide pas un client à comprendre où vous intervenez.

Notre guide sur la fiche Google, le site et les avis détaille cette complémentarité. Pour voir d’autres présentations d’entreprises locales, consultez les réalisations ISS Agency. Les exemples servent à discuter de vos besoins, pas à copier un parcours qui ne correspondrait pas à votre service.

06

Tester le site comme une personne qui a faim

Faites un essai court : ouvrir le site, trouver un plat, lire son prix, accéder au téléphone, puis retrouver l’adresse. Recommencez sur un petit écran et en orientation paysage. Vérifiez les liens de catégories, la taille des zones tactiles et l’absence de défilement horizontal. Le bandeau animé doit rester secondaire face à la carte et aux boutons.

Pour O’Max, nous avons contrôlé sept largeurs entre 320 et 844 pixels sous Chrome avec Playwright, dont un format paysage. Les contrôles portaient sur les images, les liens et la mise en page. Cette émulation ne remplace pas un essai sur un iPhone réel : Safari n’a pas été testé dans cette série. Avant une campagne publicitaire, faites aussi un essai sur les appareils utilisés par votre équipe.

Après publication, distinguez un clic sur le téléphone d’une commande effectivement confirmée. Le premier mesure une intention de contact ; le second dépend de l’appel et de son traitement. Demandez régulièrement aux clients comment ils ont trouvé la carte et notez les questions récurrentes. Ces retours peuvent guider une amélioration sans vous pousser à ajouter des fonctionnalités inutiles.

07

Questions fréquentes sur le site internet d’un restaurant

Faut-il une commande en ligne dès le départ ?

Non. Un site avec carte et téléphone peut convenir si l’équipe traite correctement les appels. Le paiement en ligne devient pertinent lorsque les produits, les disponibilités et la préparation peuvent être gérés de manière fiable dans ce parcours.

Une page Instagram peut-elle suffire ?

Elle peut aider à présenter l’ambiance et les nouveautés. Un site offre une adresse dédiée pour réunir la carte, les conditions et les coordonnées. Décidez selon les informations que vos clients ont du mal à trouver aujourd’hui.

Combien coûte un site internet de restaurant ?

Le budget dépend de la carte, des contenus, des photos, des langues et de la présence d’une réservation ou d’un paiement. Préparez ces éléments avant de comparer des devis. Notre guide sur le budget d’un site professionnel aide à distinguer les postes.

Peut-on publier le menu avant d’avoir toutes les informations ?

Vous pouvez préparer le site, mais les prix et conditions annoncés doivent être validés. Gardez une liste explicite des informations manquantes et faites relire la version finale par la personne responsable de la carte.

↗

Sources officielles

Transformer la lecture en action.

Vous préparez un site pour votre restaurant ? Rassemblez votre carte validée, vos photos et votre mode de commande. Nous pouvons ensuite examiner le parcours adapté à votre établissement.

Création de site à Saint-Brieuc : prestations, projets et devis →

Demander l’audit