va jouer dehors ! / festival de la ville

Contexte

Va jouer dehors ! est une association fondée en 2019 par l’architecte Matthieu Poitevin, née dans l’élan des événements de la rue d’Aubagne à Marseille. En 2025, Caractère Spécial (l’agence d’architecture) devient Va jouer dehors ! ; simultanément, l’association opère et porte le Festival de la Ville. C’est aujourd’hui un même ensemble : une partie architecture (ex-Caractère Spécial) et une partie événements / média (Festival), rassemblées sous la bannière Va jouer dehors !

L’ambition : réinventer la ville par des projets concrets, des rencontres, une pensée partagée — et donner à voir cette énergie à travers un site-magazine riche en images, en dates et en contenus éditoriaux.

Objectifs

• Unifier architecture et événementiel dans une même expérience claire.
• Mettre en avant des galeries d’images (projets, univers, chantiers) avec un rendu masonry fluide.
• Publier et organiser des événements (dates, lieux, intervenants), des podcasts et des vidéos.
• Rester hautement performant (images optimisées, JS minimal, accessibilité solide).
• Fournir un back-office WordPress custom pour une autonomie éditoriale totale.

Contenus & rubriques

• Événements / rencontres : pages événement avec date, horaire, lieu, intervenants, visuels, et archives — voir les événements.
• Projets : dossiers image-centrés, séries photo, avant/après, détails techniques.
• Podcasts & vidéos : intégrations légères (player externe) + métadonnées (durée, invités, saison).
• Tribunes & presse : “galeries de textes” (listes éditoriales) avec cartes compactes, extraits et navigation par thèmes.

Technique & admin WordPress

• Plateforme : WordPress sur-mesure (thème custom), admin personnalisé pour les besoins de l’asso.
• Modèles de données :
  • Types de contenus personnalisés : événements, projets, tribunes, presse, podcasts, vidéos.
  • Taxonomies dédiées : thématiques, saisons, lieux, intervenants.
• Images : <picture> avec AVIF prioritaire et fallback JPG, width/height explicites pour éviter le CLS, lazy-loading natif.
• Grilles : masonry 100% CSS (colonnes), alternative CSS Grid (grid-auto-flow: dense) au besoin.
• JS : empreinte minimale (IntersectionObserver optionnel pour les reveals), pas de framework imposé.
• Accessibilité : rôles ARIA sur listes, légendes <figcaption>, contrastes vérifiés, navigation clavier.
• Performance : déferrisation des scripts non essentiels, critical CSS, cache long (hash), compression serveur activée.

Extraits éditoriaux

« Mettre des énergies en commun pour proposer des projets concrets — qui nous ressemblent et nous rassemblent. Réhabiliter, inventer, accueillir, et faire de Marseille un lieu phare où s’expérimente la ville de demain. »

Résultat

Un site-magazine vivant, qui donne à voir et à lire : images massives, événements structurés, podcasts et tribunes — le tout porté par un WordPress à admin custom qui laisse l’équipe autonome, et une base front pensée pour la rapidité et l’accessibilité.