Va jouer dehors ! — Détails du projet
Va jouer dehors ! (anciennement Caractère Spécial)
Magazine/site visuel de l’atelier de l’architecte Matthieu Poitevin
Année: 2025 |
Client: Association Va jouer dehors ! |
Rôles: UX, Front-end, Performance, Admin WordPress sur-mesure
Contexte
Caractère Spécial — devenu Va jouer dehors ! — porte une pratique engagée : réhabilitation de friches et sites industriels, lieux culturels emblématiques. Le site devait à la fois montrer (séries d’images, chantiers) et raconter (tribunes, presse), sans sacrifier la sobriété et la performance.
Objectifs
- Mettre en valeur des galeries d’images riches (projets, univers, « recettes ») avec un masonry fluide.
- Offrir des parcours éditoriaux confortables (tribunes, presse).
- Rester léger : temps de chargement courts, JS minimal, images optimisées.
- Outiller l’équipe avec un back-office WordPress sur-mesure (sans brique lourde).
Galeries d’images
Masonry full-CSS (colonnes), images AVIF avec repli JPG, lazy-loading natif, légendes accessibles.
Galeries de textes
Listes éditoriales (tribunes, presse) avec cartes compactes, métadonnées et lecture confortable.
Tech & performance
- Plateforme : WordPress avec interface d’administration sur-mesure (projets, presse, recettes, nuage de logos).
- Images :
<picture> AVIF en priorité, repli JPG ; width/height explicites pour éviter le CLS ; lazy-loading natif.
- Grilles : masonry CSS via colonnes (0 lib JS). Alternative prête : CSS Grid +
grid-auto-flow: dense.
- JS : minimal (IntersectionObserver optionnel). Sans framework.
- Accessibilité : rôles ARIA sur les listes,
<figcaption>, contrastes vérifiés, nav clavier.
Studio
Fondé par Matthieu Poitevin, Va jouer dehors ! conçoit des lieux de vie — friches, sites industriels, lieux culturels, écoles — avec une approche organique ancrée dans le territoire.
« L’architecture ne peut plus être un instrument isolé au sein d’un orchestre… Nous bâtissons des lieux qui permettent et qui accueillent — où le temps a sa place. » — Matthieu Poitevin
Résultat
Un site façon magazine qui met l’image au premier plan, structure l’éditorial, et reste rapide : pages légères, JS discret, back-office WordPress sur-mesure pour l’autonomie de l’équipe.