Atelier —
les infographies,
en self-service.
Un builder d'infographies pour la rédaction.
Les infographies de presse passent trop souvent par un graphiste débordé ou par un outil grand public qui ignore la charte. L'Atelier Infographies est un outil interne : les journalistes de La Libre et de DH Les Sports+ y créent, gèrent et publient leurs infographies, aux couleurs de leur marque, sans quitter le navigateur.
Ma mission : concevoir et développer l'outil de bout en bout, de l'écran de connexion à l'export, en passant par le système de modèles.
Glisser un modèle, remplir les données.
Le flux tient en trois gestes : on glisse un modèle sur la zone de travail, on remplit (ou on importe) ses données, on bascule sur l'aperçu. Chaque élément du visuel s'édite au clic. Un mode libre permet aussi de composer sans tableau de données, à la palette d'outils : textes, formes, pictogrammes, images.
« L'outil accepte le CSV, l'Excel et le JSON en glisser-déposer, et même le GeoJSON pour générer une carte personnalisée. »
Formats prêts pour le web éditorial (paysage 16:10, standard 4:3, carré), fonds clair ou nuit, animations à l'apparition, infobulles au survol avec lien facultatif : tout ce qu'une infographie de presse moderne doit savoir faire.
Neutre pour l'outil, chartes pour les marques.
L'interface reste volontairement neutre : gris bleutés, panneaux blancs, un seul magenta d'accent pour l'action. Les couleurs fortes appartiennent aux infographies elles-mêmes, qui suivent la charte La Libre ou DH selon la marque choisie. Thème sombre complet pour les longues sessions.
Un duo outil.
Deux polices pour une interface de travail, pas une page de lecture.
Rubik
Titres & affichage : ronde et affirmée, elle structure les panneaux.
Geist Pixel
Interface & labels : un caractère pixel qui assume le côté outil, presque console.
Trois défis techniques.
Un outil complet dans le navigateur, sans framework front lourd.
Le moteur de modèles
Barres, colonnes, lignes, cartes, pictogrammes par ligne, logos par ligne (partis politiques, clubs) : chaque modèle décrit ses champs, l'éditeur de données s'adapte automatiquement. Glisser un modèle sur la zone de travail suffit à l'appliquer.
L'import tout-terrain
CSV, Excel (.xlsx), JSON et GeoJSON en glisser-déposer, parsés côté client. Le journaliste part de son tableur existant, l'outil détecte lignes et séries, et l'infographie se remplit toute seule.
Bibliothèque & publication
Accès protégé par mot de passe rédaction, bibliothèque partagée et espace local, gestion par marque (La Libre, DH Les Sports+). Un petit server.js s'occupe du stockage, le reste vit dans le navigateur.
Ce que ce projet a changé.
L'Atelier déplace la production d'infographies du graphiste vers le journaliste, sans sacrifier la charte. C'est le premier volet d'une petite famille d'outils internes : l'Atelier Grands Formats et la boîte à outils Tools Design sont en construction sur les mêmes fondations.