La salle a changé. La carte aussi. Vous avez ouvert une deuxième adresse, refait les photographies, trouvé une façon plus juste de présenter votre cuisine. Pourtant, sur le site, le restaurant est resté quelques années en arrière.
Ce décalage finit par se voir. On découvre une adresse sur Instagram, on ouvre son site et l’on ne retrouve ni la même atmosphère ni les mêmes informations. Le restaurant a évolué. Sa présence en ligne raconte encore une autre histoire.
C’est un vrai point de départ pour une refonte de site internet de restaurant. Il faut remettre le lieu, ses images et ses usages au centre du projet. Pépé Ronchon, avec ses deux adresses à Paris, en donne un exemple concret.
Le site doit suivre la vie du lieu
Un restaurant se transforme souvent par étapes. Une nouvelle carte arrive, la salle trouve son caractère, une autre clientèle prend ses habitudes. Le site, lui, peut rester figé dans la version de l’ouverture. Les corrections s’accumulent autour d’une structure qui n’a jamais été repensée.
À un moment, ajouter une page ne suffit plus. Les rubriques se multiplient, certaines informations se répètent, d’autres deviennent difficiles à trouver. Le problème se situe dans la façon dont le site organise le restaurant. C’est cette organisation qu’il faut regarder avant de choisir une nouvelle couleur ou une animation.
Deux adresses demandent un vrai choix de conception
Pour Pépé Ronchon, l’enjeu était de réunir Pizza, rue Saint-Lazare, et Vino, rue de Montyon, dans le 9e arrondissement. Chaque adresse devait garder sa place. Le visiteur devait comprendre où il allait, retrouver la bonne carte et accéder à la réservation.
Le choix entre Pizza et Vino structure le parcours. Les photographies distinguent les lieux ; la navigation permet de passer de l’un à l’autre. J’ai travaillé le webdesign, le développement WordPress, la photographie et le SEO local pour relier ces éléments dans un même site.
Ce projet montre pourquoi une refonte demande parfois de reprendre la structure. Deux restaurants sous un même nom posent des questions très concrètes : quelle adresse apparaît sur la page ? À quel établissement correspond cette carte ? Pour lequel réserve-t-on ? Le dessin du site doit rendre ces réponses évidentes.
Le travail est présenté dans Pépé Ronchon : deux restaurants, un même site et dans l’étude de cas du projet.
Les photographies donnent l’heure du restaurant
Une salle rénovée montrée avec ses anciennes photographies reste, en ligne, une salle qui n’a pas changé. Les images ont ce pouvoir très concret : elles installent une version du lieu dans l’esprit de celui qui le découvre.
Refaire le site donne l’occasion de regarder ce que l’on montre. La cuisine est-elle représentée telle qu’elle est aujourd’hui ? Les espaces ont-ils leur place ? Voit-on les personnes qui font vivre le restaurant ? Cette sélection participe à la direction artistique autant que la typographie ou la grille des pages.
Des images précises donnent aussi au webdesign une matière avec laquelle travailler. Un cadrage, une lumière, une scène de service peuvent orienter toute une composition. J’aborde cette relation dans Pourquoi les photographies comptent autant que le design.
Donner envie, puis laisser réserver
Un site de restaurant accompagne deux moments : la découverte du lieu et la préparation de la visite. Les images donnent une atmosphère. La carte, les horaires, l’adresse et la réservation permettent de passer à la suite. La mise en page doit ménager une place à chacun.
Un bouton de réservation mérite donc d’être pensé dans le parcours. Sa visibilité, le choix de l’établissement et la suite des étapes comptent. Quand un outil extérieur prend le relais, le visiteur doit comprendre où il arrive et ce qu’il lui reste à faire.
Sur téléphone, ces décisions deviennent particulièrement visibles. Une navigation envahissante peut repousser la carte très loin. Un document trop petit impose de zoomer. Des textes posés sur une image peuvent perdre leur contraste. Ce sont des détails de conception qui se vérifient en utilisant réellement le site.
Tout remplacer n’est pas un projet en soi
Une refonte commence par un examen de l’existant. Certaines photographies peuvent rester fortes. Une identité peut encore très bien fonctionner. Des pages peuvent répondre aux bonnes questions. Ces éléments méritent d’être conservés.
Je regarde ce qui représente encore le restaurant, ce qui gêne la lecture et ce qui complique les mises à jour. Cela permet de définir un périmètre : reprendre quelques pages, revoir la navigation ou reconstruire le site. L’ampleur du chantier découle de ce constat.
Le travail comprend aussi les adresses des pages et les liens qui existent déjà. Lorsqu’une page change d’URL, il faut prévoir la suite pour les visiteurs et les moteurs de recherche. Le référencement local du restaurant fait partie de cette continuité.
Retrouver le restaurant en ouvrant son site
C’est le critère auquel je reviens : le lieu doit être reconnaissable dans ses images, dans son ton et dans la manière dont on le découvre. Le site doit aussi pouvoir accompagner la prochaine carte, les nouvelles photographies et les informations que l’équipe aura besoin d’ajouter.
Avec Minuit d’Orsay, studio indépendant à Paris, je travaille ces projets de la direction artistique au développement WordPress. Pour cadrer le budget, vous pouvez lire combien coûte un site internet de restaurant, puis découvrir les missions du studio pour les restaurants et cafés.
Votre restaurant a changé et votre site n’a pas suivi ? Montrez-moi le lien. Nous regarderons ce qui mérite d’être repris.
Quand les informations ne sont plus à jour, que la carte ou la réservation sont difficiles à utiliser, que le site fonctionne mal sur téléphone ou qu’il ne correspond plus au restaurant tel qu’il est aujourd’hui.
Non. Je regarde d’abord ce qui fonctionne encore. Une refonte peut être complète ou se concentrer sur les parties qui posent réellement problème.
Le lien de votre site actuel suffit pour commencer. Vous pouvez ajouter votre Instagram ou quelques photos si le restaurant a beaucoup changé depuis la création du site.
