Studio EMOSI

Un studio créatif avec un design terminé et personne pour le construire. Studio EMOSI a été fondé à Bruxelles en 2022 par Gilles Parmentier. Le studio conçoit et produit ses propres projets culturels de bout en bout : ceramic brussels, la première foire internationale d’art contemporain dédiée à la céramique, out of office, le rendez-vous des professionnels de l’art bruxellois, et neuvième art, une foire consacrée aux planches originales de bande dessinée. La designer du studio, Léonie Lefere, avait déjà dessiné tout le site dans Figma. Il manquait une équipe pour le construire exactement tel quel, le mettre en ligne et l’y maintenir.

Le défi

Le brief tenait en une ligne, de Gilles à Léonie : envoie le design à Perel Web Studio, ils s’occupent de l’hébergement, de la mise en ligne et de l’adaptation mobile. Derrière cette ligne, un design exigeant.

Le site repose sur une grille visible, une typographie à chasse fixe, de fins filets blancs et une mise en page décalée où rien ne se fait face. Ce type de design ne survit pas à une intégration approximative. Un filet plus épais d’un pixel sur une page, un gris qui devrait être blanc pur, une légende collée à sa photo : chaque écart est minime, et ensemble ils font la différence entre le site de la designer et un gabarit qui lui ressemble vaguement.

Ce qu’il fallait résoudre :

• Construire sept pages à partir d’un fichier Figma sans en redessiner une seule
• Garder les animations et les états de survol prévus dans les maquettes, pas une version simplifiée
• Faire fonctionner sur téléphone une mise en page décalée, construite sur une grille, sans lui faire perdre son caractère
• Donner à la designer un moyen de relire et de corriger le site à son niveau de détail
• Héberger le site, l’exploiter et ne laisser au studio rien à maintenir

Ce que nous avons construit

Avec notre service d’intégration Figma, nous avons traité le fichier Figma comme un cahier des charges, pas comme une inspiration.

Sept pages, exactement comme dessinées. Une page d’accueil qui présente les projets selon leur statut (à venir, nouveau, en pause), un index portfolio, une page à propos avec l’équipe, et une page par projet, chacune avec son tableau d’informations, ses chiffres clés et sa mise en page photo.

Une intégration fidèle, jusqu’à l’épaisseur du filet. Texte en blanc pur #FFFFFF partout, gris réservé aux survols, même épaisseur de filet sous l’en-tête sur chaque page, en-tête fixe, légendes légèrement détachées des images, crédits © sur chaque photographie. Ce ne sont pas des détails que nous avons choisis. Ce sont ceux que la designer a demandés, et nous les avons tous gardés.

Une mise en page volontairement décalée. Sur les pages projet, images, tableaux d’informations et chiffres clés sont décalés pour ne jamais se faire face. C’est la signature visuelle du site, et elle devait tenir sur un écran de 1 440 pixels comme sur un téléphone.

Une version mobile pensée, pas rétrécie. Les photos paysage occupent toute la largeur de l’écran, les badges de statut passent à côté de la date, les titres de projet se réduisent pour ne jamais se couper au milieu d’un mot, et le portfolio garde le type d’événement et l’année sur mobile aussi.

Des images d’origine, correctement optimisées. Les visuels ont été remplacés par les originaux des photographes, puis compressés et servis dans des formats modernes aux tailles adaptées, pour un site net sans être lourd.

Astro sur Cloudflare, rien à maintenir. Le site est statique, généré avec Astro et servi depuis le réseau de Cloudflare. Pas de base de données, pas de plugins, pas de mises à jour à appliquer. L’hébergement et la maintenance ont été offerts au studio.

Le processus de relecture du design

Ce qui a fait réussir ce projet, c’est une boucle de relecture construite autour de la designer, pas autour de nous.

La première version était en ligne sur un lien de développement onze jours après la réception des maquettes. Ensuite, Léonie a relu le site comme on relit une épreuve d’imprimerie : desktop et mobile, page par page, avec des captures annotées et des liens vers le prototype Figma pour tout ce qui avait bougé. Lilanga, notre développeur front-end, a appliqué chaque tour et renvoyé un récapitulatif de chaque modification, point par point.

Quatre tours se sont succédé entre juillet et septembre. Le premier était long et précis, des fichiers de logo à l’interlignage. En chemin, le contenu a lui aussi évolué : un projet a quitté le site, un nouveau texte est arrivé pour la page ceramic brussels, la section équipe a gagné des liens. Au quatrième tour, il restait un seul point, sur une page mobile. Son verdict ensuite : « The studio emosi website looks perfect to me as is, it’s ready to go live. »

Les résultats

En ligne sur studio-emosi.com en septembre 2026, construit à partir du Figma de la designer, sans aucune refonte en cours de route.

94/100 sur mobile et 97/100 sur desktop, mesurés sur PageSpeed Insights en octobre 2026, avec 100/100 en accessibilité et en bonnes pratiques.

Quatre tours de retours, puis une validation. La designer a approuvé le site tel qu’il est, ce qui est le seul vrai critère de recette d’un projet guidé par le design.

Le début d’une collaboration plus longue. La même équipe nous a ensuite confié la refonte du site de ceramic brussels, en Astro avec un CMS Sanity que ses éditeurs pilotent eux-mêmes.

Ce que ce projet raconte vraiment

Quand un client arrive avec un design terminé, le travail n’est pas d’avoir un avis dessus. C’est de le construire avec assez de précision pour que la designer y reconnaisse son propre travail, et de rendre la relecture assez simple pour qu’elle puisse l’amener jusque-là. Un studio qui travaille avec sa propre designer a besoin d’un développeur qui respecte cela, puis qui se fait oublier dans l’hébergement.