Demander un devis gratuit →
Services

Sélectionnez un service à découvrir

Maintenance

Gardez un site à jour et opérationnel, nous nous occupons des modifications et du suivi technique.

Découvrir →

Ceramic Brussels

étude de cas Astro + Sanity CMS

Secteur
Art, Culture & Événements
Durée
6 semaines
Lancé
Octobre 2026
Mise en Place du CMS Sanity Modélisation de Contenu Headless Intégration Figma vers Astro Migration de Contenu Migration SEO & Redirections Site Multilingue Mise en Place de la Mesure d'Audience Formation des Éditeurs
Visiter le Site

"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."

Gilles Parmentier
Studio EMOSI / Ceramic Brussels

Résultats Clés

>CMS entre leurs mains
Autonomie
Pages, menus et éditions gérés par l'équipe
>143 pages
Galeries
Partageables, filtrables par pays
>3 éditions
Migration
191 participations, 904 images
>100/100 SEO
Qualité
Accessibilité et bonnes pratiques aussi
100/100
SEO
100/100
Accessibilité
100/100
Meilleures Pratiques

La Transformation

D'un CMS qui copiait chaque édition à un site que l'équipe pilote seule

After transformation
Après
Before transformation
Avant

↔ 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

01

Mesure et modèle

Inventaire de l'ancien site, modèle de contenu construit autour des éditions, galeries, programme et pages.

02

Design system et CMS

Le Figma traduit en composants Astro, Sanity Studio configuré et habillé pour les éditeurs.

03

Migration

Trois éditions, 143 galeries et 904 images importées par script et contrôlées fiche par fiche.

04

Mise en ligne et formation

Redirections, bascule DNS, mesure d'audience, et des éditeurs qui publient seuls.

Technologies Utilisées

Astro Astro
Sanity Sanity
Cloudflare Pages Cloudflare Pages
Figma Figma
Google Analytics 4 Google Analytics 4
Microsoft Clarity Microsoft Clarity
Schema.org Schema.org
Gilles Parmentier
Gilles Parmentier
Avis Google
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.
Studio EMOSI / Ceramic Brussels

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