- Accueil
- Réalisations
- SACEM
02 / Site éditorial · Rapport annuel interactif
SACEM
Une direction artistique ambitieuse, une expérience interactive, une édition simplifiée.
Depuis plusieurs années, je participe à la réalisation du rapport annuel numérique de la Sacem, en collaboration avec Studio les Jumelles, qui en assure la direction artistique et le design graphique.
Chaque édition propose une expérience web mêlant chiffres clés, cartes interactives, graphiques, vidéos et témoignages. Mon rôle consiste à donner vie à cette création graphique et à concevoir l’ensemble de son architecture technique.
Au cœur du projet, une interface d’administration sur mesure permet à l’équipe éditoriale de construire et de mettre à jour ses pages en toute autonomie. Fondé sur un système de blocs modulaires, cet outil offre une grande liberté de composition tout en restant simple à prendre en main.
Pensée pour être réutilisée et enrichie d’une année sur l’autre, la plateforme évolue au rythme des besoins éditoriaux et des nouvelles propositions graphiques.
Le défi : donner vie à une création graphique exigeante tout en permettant aux équipes de publier et de faire évoluer leurs contenus en toute autonomie.
Fonctionnalités clés
-
01
Éditeur de pages modulaire
Construction des pages à partir d’une quarantaine de blocs de contenus personnalisables.
-
02
Administration intuitive
Une interface pensée pour les équipes éditoriales, sans compétences techniques nécessaires.
-
03
Contenus interactifs
Intégration de cartes, graphiques, chiffres clés, vidéos, citations et galeries de documents.
-
04
Gestion multilingue
Création et mise à jour des contenus en français et en anglais.
-
05
Architecture évolutive
Système de blocs configurables permettant d’intégrer de nouveaux formats et de préparer les éditions suivantes.
-
06
Suivi des modifications
Gestion des utilisateurs, historique des interventions et traçabilité des contenus.
Mon approche
-
01
Comprendre
Analyser les besoins de l’équipe éditoriale et les intentions graphiques du studio pour définir une solution technique adaptée.
-
02
Concevoir
Imaginer une architecture modulaire et une interface d’administration intuitive, capables de concilier liberté éditoriale et simplicité d’utilisation.
-
03
Développer
Donner vie à la direction artistique à travers une intégration HTML soignée, des contenus interactifs et une plateforme de gestion évolutive.
Technologies
- PHP
- CodeIgniter 4
- HTML / SCSS
- JavaScript
- JSON
- MySQL
Collaboration
- Client
- Sacem
- Direction artistique & design graphique
- Studio les Jumelles
- Conception technique, intégration HTML, administration & développement
- 3pointscom
Autres réalisations
Un projet comparable ? Une idée à préciser ? Parlons-en.