Client : RATZ Food Market
Mission : Conception et développement du site web, d’un plugin de réservation et d’un plan 3D interactif
RATZ est un food market installé dans un ancien entrepôt de 3 000 m² à Ixelles, au cœur de Bruxelles. Des stands de street food venus des quatre coins du monde, un grand bar, un agenda d’événements et six espaces à privatiser, le tout dans une ambiance brute et assumée. Il fallait un site à cette image : noir, direct, un peu chaotique, et pourtant simple à tenir à jour pour l’équipe.
Pour ce projet, mon travail a consisté à :
- Développer un thème WordPress sur mesure, codé de zéro, fidèle à l’univers brutaliste du lieu.
- Créer onze blocs dédiés pour que l’équipe compose et mette à jour ses pages sans toucher au code.
- Concevoir RATZ Forms, un plugin de réservation et de privatisation avec son propre back-office.
- Modéliser un plan 3D interactif du food market, avec son éditeur visuel.
- Accompagner la mise en ligne : pages d’attente avant l’ouverture, référencement, sécurité et supervision.
Un thème brutaliste, codé de zéro
Fond noir profond, titres massifs, texte en police à chasse fixe et bandeaux qui défilent sans fin : le thème reprend les codes du lieu sans passer par un constructeur de pages. Petit détail que j’aime bien : la couleur d’accent se change en un clic depuis le menu. Jaune néon, rouge, bleu, violet, ou au hasard, et tout le site suit.
Onze blocs sur mesure pour l’équipe
Couverture en image ou en vidéo, bandeau défilant, titres, appels à l’action, FAQ avec recherche et filtres, interview, grille d’infos, sélection de stands, liste d’événements : chaque brique du site est un bloc de l’éditeur WordPress, qui s’affiche dans l’administration exactement comme en ligne.
Le bloc horaires en est le meilleur exemple. Services du midi et du soir, cuisine et bar, jours de fermeture : l’équipe saisit ses horaires une seule fois et ils se mettent à jour partout où ils apparaissent sur le site.
Les stands et l’agenda
Chaque stand a sa fiche : identité, type de cuisine, contact, photos et emplacement sur le plan. Côté agenda, les événements gèrent les dates uniques comme les rendez-vous récurrents, l’affichage « complet » et le calcul automatique de la prochaine date, pour que la programmation reste juste sans y revenir chaque semaine.
RATZ Forms, un plugin de réservation fait maison
Plutôt qu’un formulaire générique, j’ai développé un plugin dédié. Côté visiteur, deux parcours guidés : réserver une table en trois étapes, ou demander une privatisation en quatre étapes, avec les services à la carte (open bar, buffet, vestiaire, sécurité, photographe, matériel audiovisuel).
Côté équipe, tout arrive dans un back-office pensé pour elle : liste des demandes, statuts, archivage et réponse au client directement depuis WordPress. Les e-mails de confirmation et de notification sont personnalisables, avec un aperçu avant envoi, et une protection anti-spam maison évite les demandes fantômes.
Le RATZ en 3D
C’est la partie la plus ludique du projet : un plan 3D interactif du food market, développé en Three.js à partir du plan de l’architecte et modélisé à l’échelle. On le tourne, on zoome, on clique sur un stand pour ouvrir sa fiche, on passe du jour à la nuit, et la mezzanine se soulève quand on clique sur l’escalier.
Le plan n’est pas une image figée. Il vit dans WordPress, avec un éditeur visuel dans l’administration : déplacer un stand, en ajouter un ou changer l’ambiance se fait à la souris, sans repasser par le code. Un bloc « vitrine » permet aussi de l’afficher en aperçu cliquable sur n’importe quelle page.
Avant, pendant et après la mise en ligne
- Avant l’ouverture : une landing page et des pages d’attente pour annoncer le lieu.
- Pour l’équipe : une page de connexion aux couleurs de RATZ, un tableau de bord simplifié et un pop-up d’annonce programmable.
- Pour le référencement : des métadonnées travaillées page par page et un site léger, sans constructeur de pages.
- Pour dormir tranquille : pare-feu Cloudflare, sauvegardes automatiques, supervision en continu et un mode maintenance maison.
Le site reprend le ton du lieu, direct et un peu chaotique, tout en restant simple à utiliser quand il s’agit de trouver un stand, de réserver une table ou d’organiser un événement.
Stack : WordPress, thème et plugin from scratch, blocs Gutenberg sur mesure, Three.js.