Beau & Bon — le site d'un foodtruck événementiel en Citroën HY, construit pour faire demander un devis

#Le projet en bref

Beau & Bon fait du foodtruck événementiel avec une flotte de Citroën HY vintage. Une même flotte, habillée de concepts culinaires différents, sert des séminaires, des salons, des festivals ou des mariages : d'un seul HY à plusieurs, selon l'événement.

Nous avons réalisé son site, en Next.js : 30 pages, une fiche par concept culinaire, un parcours par type d'événement, un journal des événements réalisés et la demande de devis présente sur chaque page. Le site est en ligne sur son domaine.

#Ce que le site devait faire

Un organisateur d'événement ne cherche pas un camion. Il cherche une solution pour nourrir ses invités, qui colle à son événement, et quelqu'un qui le rappelle vite. Le site devait donc répondre à trois questions, dans cet ordre :

• qu'est-ce que vous servez ? Les concepts culinaires, présentés comme des enseignes à part entière ;
• est-ce adapté à mon événement ? Un parcours pour l'entreprise, un pour le grand public, un pour les particuliers ;
• comment je vous demande un prix ? Un formulaire court, au même endroit sur chaque page.

La difficulté propre à Beau & Bon : la flotte est la même pour tous les concepts. Il fallait montrer la variété des cuisines sans perdre la signature visuelle des HY, qui est ce qu'on retient de la marque.

#Une architecture de 30 pages, chacune avec un rôle

#Une fiche par concept culinaire

Chaque concept a sa page : son nom d'enseigne, ce qu'il sert, les événements pour lesquels il est pensé, ses photos. La raclette est présentée comme le concept de l'hiver, les wraps comme celui des festivals, le bowl comme celui de l'entreprise. Un organisateur qui arrive de Google sur « foodtruck raclette » atterrit sur la bonne fiche, et non sur un catalogue où il devrait chercher.

Pourquoi c'est utile : une page qui répond à une seule question précise a plus de chances d'être trouvée sur cette question qu'une page qui en traite seize.

#Trois parcours selon l'événement

Une directrice de la communication qui prépare un séminaire et des futurs mariés n'ont pas les mêmes questions. Le site leur parle séparément :

• entreprise : séminaires, lancements, journées collaborateurs, privatisations ;
• grand public : festivals, salons, grands rendez-vous ouverts au public ;
• particuliers : mariages, réceptions, événements privés.

La page personnalisation complète le tout : trois habillages, grand public, corporate et sur mesure, présentés avec un sélecteur, pour montrer ce que devient un HY aux couleurs d'un client.

#Le journal : la preuve par l'événement

Un traiteur ou un foodtrucker se choisit beaucoup sur la confiance. Plutôt qu'une galerie de photos sans contexte, le site tient un journal : un article par événement marquant, avec le lieu, le dispositif installé et les photos, et une vidéo quand il y en a une. Ces récits nourrissent aussi le référencement, avec des pages que personne d'autre ne peut écrire.

#La demande de devis, sur chaque page

Le formulaire de devis est intégré en bas de chaque page, et chaque bouton « Demander un devis » y mène. Le visiteur sait à l'avance ce qui va se passer : il décrit son projet en une minute, il est rappelé sous 48 heures, il reçoit le catalogue des concepts, puis son devis. Une adresse électronique reste affichée pour ceux qui préfèrent écrire.

Concrètement : quelle que soit la page d'arrivée, une fiche concept, un article du journal ou l'accueil, la demande se fait sans changer de page.

#Ce qui ne se voit pas

• Des pages lisibles par Google sans attendre : le site est en Next.js, chaque page arrive avec tout son contenu, sans dépendre d'un chargement dans le navigateur.
• Un titre et une description propres à chaque page, écrits pour la recherche qu'elle vise.
• Des données structurées qui décrivent l'entreprise sur tout le site, et chaque article du journal comme un article.
• Un plan du site et un fichier robots à jour, pour que les 30 pages soient trouvées.
• Un affichage pensé pour le téléphone, où se font une bonne partie des recherches d'organisateurs.

#Ce que nous ne publions pas

Les chiffres d'activité affichés sur le site, nombre d'événements ou de repas servis, sont ceux de Beau & Bon : nous ne les reprenons pas à notre compte. Nous ne publions pas non plus de chiffre de trafic du client. Ce que cette page décrit, c'est ce qui a été construit, et que chacun peut vérifier en visitant le site.

#Vous avez un projet comparable ?

Un site d'activité événementielle, un catalogue de prestations à présenter une par une, une demande de devis à rendre plus simple : c'est le type de projet que nous menons en création de site et développement sur mesure, le plus souvent avec Next.js.

Pour l'outil qui gère ensuite les devis et les événements, voir notre page logiciel traiteur et événementiel. Et pour d'autres projets livrés, voir nos références clients.