Projet éditorial au Télégramme
2 ans de mutation
Le Télégramme a amorcé fin 2018 une profonde mutation avec la refonte de son système éditorial, qui a embrayé sur la sortie d'une nouvelle formule pour terminer en beauté, tout début 2020, avec la refonte de son site web.
Phase 1 : nouveau système éditorial
Migration de tous les contenus dans un client léger (Swing) et un client lourd (Prime).
Responsabilité : travail sur les aspects ergonomiques de l'interface et transcription du matériel graphique en langage xml et css.
Techno utilisées : Prime + Swing + CSS + xml
Interface mobile du client léger
Parcours de l'information
Prototypage des maquettes (Prime)
Formulaire de saisie d'article (Swing)
Optimisation ergonomique des interfaces de saisie
Les utilisateurs saisissent leurs articles dans un unique formulaire pour tous les supports.
Responsabilité : Mise en place d'un balisage de styles graphiques (balisage assisté), l'équivalent d'une feuille de style dans les logiciel type InDesign. Optimisation ergonomique de la fenêtre de métadonnées qui rassemble toutes les informations connexes indispensables à la publication (l'object panel)
Techno utilisées : XLM + CSS
Balisage assisté
Fenêtre de métadonnées
Support pédagogique à destination des équipes
Interface pensée comme un mémory pour présenter tous les aspects du projet. Tentative de gamification, avec une intention ludique, pour tenter de faire adhérer les utilisateurs plus facilement
Techno utilisées : HTML5 + CSS3 + JQUERY
Phase 2 : nouvelle maquette print
Responsabilité : Préparation du matériel graphique de la nouvelle maquette, en collaboration avec le directeur artistique, prestataire extérieur au Télégramme. Réflexion sur les compositions de page, les nouvelles typos et la mise en avant du cahier des locales, problématique majeure du Télégramme
Techno utilisées :InDesign + XLM + CSS
Phase 3 : nouveau site
Sortie du nouveau site sur les principes graphiques de la nouvelle formule papier
Responsabilité : Respect de la charte graphique et déclinaison d'interfaces, ansi que mise en place des éléments de la charte graphique dans un espace collaboratif
Techno utilisées :AdobeXD + HTML5 + CSS3
Merci !
