Un nouveau site rapide, ou une migration de WordPress vers Astro qui préserve vos contenus et votre visibilité.
Découvrir →Ceramic Brussels
étude de cas Astro + Sanity CMS
"Un studio disponible, engagé et redoutablement efficace. A consulter sans hésiter si vous souhaitez une équipe dédiée et orientée solutions pour aborder la conception et le développement de projets web."
Résultats Clés
La Transformation
D'un CMS qui copiait chaque édition à un site que l'équipe pilote seule
↔ Glissez le curseur pour comparer avant et après
Avant
Back-office Laravel et Twill que l'équipe ne maîtrisait pas
Chaque nouvelle édition construite en dupliquant les pages de l'année précédente
143 galeries repliées dans des accordéons, sans page propre
10 URL dans le sitemap pour environ 117 réelles, aucune balise canonical
Après
Site Astro avec un Sanity Studio que l'équipe pilote seule
Des éditions en fiches, menus et sous-menus modifiés comme des pages
Une page partageable par galerie, filtrable par pays
Redirections, canonicals, vrai sitemap et données structurées
Une foire d’art internationale dont l’équipe ne pouvait pas mettre à jour le site seule. Ceramic Brussels est la première foire internationale d’art contemporain dédiée à la céramique. Elle se tient chaque mois de janvier à Tour & Taxis, à Bruxelles, sous la codirection de Gilles Parmentier et Jean-Marc Dimanche. En trois éditions, elle a accueilli 143 galeries venues de 22 pays. Son site, construit sur Laravel avec le CMS Twill, n’avait pas suivi. Après avoir réalisé le site de Studio EMOSI pour la même équipe, nous avons été chargés de reconstruire ceramic.brussels de fond en comble.
Le défi
L’équipe a résumé le problème en une phrase : le back-office ne nous laisse pas la main.
Publier une nouvelle édition voulait dire dupliquer les pages de l’année précédente. L’archive en portait les traces, avec des adresses comme guest-of-honour-3 et guest-of-honour-31, et des doublons numérotés jusque dans le menu principal. Ajouter une entrée au menu demandait un développeur. Pour une foire qui annonce ses galeries, son programme et son invité d’honneur chaque automne, chacune de ces annonces devenait un ticket.
Nous avons mesuré le site avant de chiffrer quoi que ce soit, et les chiffres expliquaient le reste. 191 fiches d’exposants sur trois éditions, 143 galeries uniques, 904 images, le tout replié dans trois pages accordéon sans page propre. Une galerie ne pouvait pas être partagée par un lien, trouvée sur Google ni filtrée par pays, parce que le pays était écrit dans son nom. Environ 117 URL réelles dans trois langues, contre 10 déclarées au sitemap, et pas une seule balise canonique.
Ce qu’il fallait résoudre :
- Donner à l’équipe de la foire la maîtrise complète du contenu : pages, menus, sous-menus, éditions, exposants, sans appeler un développeur
- Remplacer la duplication de pages par du contenu structuré, pour qu’une nouvelle édition se crée au lieu de se copier
- Faire de 143 galeries de vraies pages, partageables et filtrables
- Garder des langues écrites par des personnes, pas par une machine
- Transférer chaque URL utile vers le nouveau site sans perdre ce que Google savait déjà
- Préserver une marque très singulière, tout en confiant le contenu à l’équipe
- Construire le tout à partir du Figma de la designer, avant la saison des annonces d’automne
Un design qui est la marque
Ceramic Brussels ne ressemble pas à un gabarit de foire d’art, et ce n’était pas négociable. Son identité a été créée par Nathalie Pollet du studio de design graphique Pam&Jenny. Aujourd’hui, Léonie Lefere gère l’ensemble de la marque : elle en assure le développement graphique et l’évolution de tous les supports, et c’est elle qui a conçu le design du site. Un ADN qu’on reconnaît en une seconde : le logo dont les lettres sortent de la ligne comme une pièce qui quitte le tour, la date écrite comme une vague de 20 à 24, des minuscules partout, la typographie Noi Grotesk, et un jaune qui descend du haut de chaque page jusqu’aux boutons pleins. Le site n’est pas un habillage autour de la foire. C’est l’un des lieux où la marque existe.
Cela a guidé toute la construction, menée en collaboration directe avec Léonie et sous sa direction. Nous n’avons pas adapté le design à un thème, nous avons fait du Figma de Léonie le design system du site : son échelle typographique, ses couleurs, ses espacements, ses mises en page, codés en composants Astro. Et c’est exactement là que nous avons tracé la frontière entre ce que l’équipe pilote et ce qui reste fixe. Les éditeurs choisissent les sections, écrivent les textes, placent les images, réorganisent pages et menus en toute liberté, mais ils composent avec les briques propres à la marque, si bien qu’une nouvelle page ne peut pas s’éloigner de l’identité. Une autonomie complète sur le contenu, et un design qui reste Ceramic Brussels, quelle que soit la personne qui publie.
Pourquoi le CMS Sanity
La première exigence était la maîtrise, donc le choix du CMS portait le projet. Nous avons comparé des solutions hébergées, des CMS basés sur Git et un développement sur mesure, avec les volumes réels de la foire et son équipe réelle, et nous avons recommandé Sanity pour quatre raisons.
L’équipe est propriétaire de son outil d’édition. Sanity Studio, l’interface d’édition, est du code qui vit dans le dépôt du client. Nous l’avons configuré et habillé aux couleurs de la foire, et il lui appartient, avec ou sans nous.
Il ne coûte rien à faire tourner à leur échelle. La formule gratuite couvre 20 comptes, 10 000 documents et 100 Go de médias. Trois éditions, 143 galeries et tous les brouillons tiennent très loin de ces plafonds. Un CMS sur mesure aurait laissé la foire propriétaire d’un outil que personne dans son équipe ne peut maintenir.
Les données restent en Belgique. Sanity stocke les contenus sur Google Cloud, région europe-west1, à Saint-Ghislain, et les exporte en une commande. Pour une institution bruxelloise, la question du RGPD est réglée avant d’être posée.
Le contenu est structuré, pas recopié. Sanity modélise ce que la foire manipule vraiment, éditions, exposants, programme, partenaires et pages, avec de vraies relations entre eux. C’est ce qui rend possible la fin de la duplication de pages.
Le site public n’interroge jamais Sanity directement. Astro génère des pages statiques à partir du contenu au moment de la construction et Cloudflare les sert : les éditeurs ont un CMS moderne, les visiteurs un site statique et rapide. Nous détaillons ces arbitrages dans notre guide pour choisir un CMS pour un site Astro.
Ce que nous avons construit
Un CMS que l’équipe pilote seule. Les éditeurs créent une page, choisissent son adresse, rédigent son titre et sa description pour Google, la composent avec les sections propres à la foire, puis publient. Le site se reconstruit et la page est en ligne en quelques minutes, sur ordinateur comme sur mobile.
Menus et sous-menus devenus du contenu. Dans l’ancien site, le menu était du code. Aujourd’hui, c’est un document de navigation que l’équipe modifie comme une page : ajouter une entrée, la faire pointer vers une page ou un lien externe, l’imbriquer un niveau plus bas, la glisser à sa place.
Des éditions plutôt que des copies. Chaque édition est une fiche. Exposants, événements du programme, partenaires et prix y sont rattachés. L’édition 2028 se créera en quelques minutes en y rattachant ses galeries, et les doublons numérotés ont disparu pour de bon.
Une page pour chacune des 143 galeries. Chaque galerie est une fiche unique, partagée entre les éditions, avec son pays comme vrai champ. Les visiteurs parcourent les exposants par édition, par lettre et par pays, avec des filtres pour les solo shows, les prix et les pays à l’honneur. Chaque galerie a désormais un lien à partager et une page que Google peut indexer.
Trois éditions migrées par script. Les éditions 2024, 2025 et 2026, 191 participations et 904 images ont été importées dans Sanity, rattachées à la bonne galerie et à la bonne année, et contrôlées fiche par fiche.
Des langues écrites par des personnes. Chaque document porte ses traductions côte à côte dans Sanity : le stand, le pays et les images d’une galerie se saisissent une fois, et ses textes sont rédigés par des personnes dans chaque langue. L’anglais et le français sont en ligne depuis le lancement, la structure est prête pour le néerlandais.
Une migration SEO, pas seulement un lancement. Les anciennes URL réellement utilisées par Google et par les visiteurs ont été vérifiées sur les données de la Search Console et redirigées vers leurs nouvelles pages, chaque page a reçu son propre titre, sa description et sa balise canonique, le sitemap déclare enfin le vrai site, et des données structurées Event et Organization décrivent la foire aux moteurs de recherche. Google Analytics 4 et Microsoft Clarity mesurent l’audience que la foire voulait voir.
Notre façon de travailler
Le projet s’est fait avec l’équipe de la foire, pas à côté d’elle. Une réunion de lancement en août, le design et les accès à l’ancien CMS partagés le jour même, une présentation de la solution début septembre, puis des séances de relecture où les éditeurs ont utilisé le CMS sur du vrai contenu avant le lancement. Au quotidien, les demandes de l’équipe design, contenu et communication arrivaient dans un groupe partagé, étaient étiquetées et intégrées par cycles courts. Le transfert DNS vers Cloudflare s’est fait avant la bascule, chaque enregistrement existant recopié au préalable, sans que les e-mails de la foire ne s’en aperçoivent.
Les résultats
En ligne sur www.ceramic.brussels depuis le 6 octobre 2026, avant les annonces d’automne de l’édition de janvier 2027.
L’équipe publie sans nous. Pages, menus, galeries et actualités sont créés et publiés par les éditeurs de la foire, ceux qui connaissent le contenu, et chaque page publiée reste reconnaissable comme Ceramic Brussels.
143 galeries trouvables sur Google, chacune avec sa page et son pays, là où il n’y avait rien vers quoi pointer.
100/100 en accessibilité, bonnes pratiques et SEO, mesurés sur PageSpeed Insights en octobre 2026, avec 100/100 en performance sur ordinateur.
Un design system, deux foires. Les composants construits pour Bruxelles ont servi de point de départ au deuxième site de la foire, Ceramic Basel, en ligne depuis octobre 2026.
Ceramic Basel : le même ADN dans une nouvelle ville
En juin 2027, le duo à l’origine de Ceramic Brussels ouvre une deuxième foire : Ceramic Basel, du 15 au 20 juin au Messe & Congress Center de Bâle, au cœur de la semaine la plus influente du monde de l’art, avec 65 galeries internationales pour sa première édition. Le site devait exister des mois avant, pour ouvrir les candidatures et annoncer la foire.
Le brief de Léonie était clair : les mêmes typographies, les mêmes styles de texte, les mêmes diaporamas et les mêmes mises en page que Ceramic Brussels. Comme le design bruxellois existait déjà sous forme de design system codé, nous ne sommes pas repartis de zéro. Nous avons repris les composants, remplacé le jaune de Bruxelles par l’or de Bâle, et construit les neuf pages de sa nouvelle maquette Figma en français, en anglais et en néerlandais. Les deux sites se renvoient l’un à l’autre, chacun portant la couleur de l’autre sur ces liens, pour qu’on sente immédiatement qu’ils sont de la même famille.
Ceramic Basel a été lancé en site statique, puisqu’une foire qui n’a pas encore eu lieu a peu de contenu à gérer. Quand il grandira, il pourra passer sur Sanity comme Bruxelles.
Ce que ce projet raconte vraiment
Une institution culturelle ne devrait pas avoir besoin d’un développeur pour annoncer son propre programme. La valeur de ce projet n’est pas la technique. C’est que les personnes qui font la foire peuvent désormais faire le site aussi, et que le site montre enfin les galeries pour lesquelles la foire existe.
Ce Que Nous Avons Créé
Fonctionnalités personnalisées qui génèrent une réelle valeur commerciale
Un CMS Sanity piloté par l'équipe
Un Sanity Studio aux couleurs de la foire, dans le dépôt du client : les éditeurs créent, composent et publient sans développeur.
Menus et sous-menus devenus du contenu
La navigation est un document que l'équipe modifie comme une page, sur deux niveaux, par glisser-déposer.
Des éditions, pas des copies
Chaque édition est une fiche à laquelle se rattachent exposants, programme et partenaires. Fini les pages dupliquées.
Une page par galerie
143 galeries avec leur page, leur pays et des filtres par édition, par lettre et par pays.
Un ADN de design préservé
Le Figma de la designer est devenu le design system. Les éditeurs composent avec les briques de la marque : chaque page reste Ceramic Brussels.
Migration SEO
Redirections vérifiées sur la Search Console, balises canoniques, vrai sitemap, données structurées Event et Organization.
Présentation du Projet
Notre Processus
Du lancement en août à un site en ligne le 6 octobre 2026
Mesure et modèle
Inventaire de l'ancien site, modèle de contenu construit autour des éditions, galeries, programme et pages.
Design system et CMS
Le Figma traduit en composants Astro, Sanity Studio configuré et habillé pour les éditeurs.
Migration
Trois éditions, 143 galeries et 904 images importées par script et contrôlées fiche par fiche.
Mise en ligne et formation
Redirections, bascule DNS, mesure d'audience, et des éditeurs qui publient seuls.
Mesure et modèle
Inventaire de l'ancien site, modèle de contenu construit autour des éditions, galeries, programme et pages.
Design system et CMS
Le Figma traduit en composants Astro, Sanity Studio configuré et habillé pour les éditeurs.
Migration
Trois éditions, 143 galeries et 904 images importées par script et contrôlées fiche par fiche.
Mise en ligne et formation
Redirections, bascule DNS, mesure d'audience, et des éditeurs qui publient seuls.
Technologies Utilisées

Un studio disponible, engagé et redoutablement efficace. A consulter sans hésiter si vous souhaitez une équipe dédiée et orientée solutions pour aborder la conception et le développement de projets web.
Prêt à Transformer Votre Entreprise?
Que vous rencontriez des limitations de plateforme, ayez besoin de fonctionnalités personnalisées ou souhaitiez migrer vers une solution plus flexible, nous avons l'expertise pour obtenir des résultats.
Secteurs Que Nous Servons
Services Professionnels
- Services Juridiques (Cabinets d'Avocats)
- Ingénierie & Architecture
- Services de Conseil
- Services Financiers (Comptables)
- Prestataires de Services B2B
Immobilier & Construction
- Immobilier (Agents, Courtiers)
- Entreprises de Construction
- Cabinets d'Architecture
- Promotion Immobilière
Santé & Bien-être
- Cabinets Médicaux & Soins de Santé
- Centres de Bien-être & Fitness
- Thérapeutes & Spécialistes de la Santé
Commerce & E-Commerce
- Boutiques en Ligne & E-Commerce
- Commerce de Sport & Loisirs
- Fabrication Sur Mesure
- Grossistes B2B
Alimentation & Boissons
- Restaurants & Food Halls
- Lieux d'Accueil
- Espaces Événementiels
- Opérations Multi-Vendeurs
Tourisme & Hôtellerie
- Hôtels & Hébergements
- Tour Opérateurs & Expériences
- Affrètement de Bateaux & Maritime
- Services de Voyage
Arts, Culture & Communauté
- Organisations Artistiques & Culturelles
- Institutions Éducatives
- Organisations Communautaires
- Associations Sans But Lucratif (ASBL)
Institutions & Associations Européennes
- Institutions Européennes
- Associations de la Bulle UE
- ONG Internationales
- Think Tanks & Organisations Politiques
Demander un devis gratuit →