L’image des maths
Passer de SPIP à WordPress, du chaos à la lisibilité, et du bureau au smartphone
L’image des maths
Passer de SPIP à WordPress, du chaos à la lisibilité, et du bureau au smartphone
-
Secteur
recherche
-
Enjeu
communiquer
-
Livrable
site internet
Résultats
-
+4000visites par jour
-
+5000articles
-
+200auteurs et contributeurs
Contexte
Images des Mathématiques est la revue de vulgarisation mathématique du CNRS. En dix ans de publication, le site avait accumulé plus de 5 000 articles : il était devenu difficile à naviguer, visuellement daté et totalement absent des écrans mobiles.
Défis
Le site reposait sur un CMS dépassé (SPIP) et une architecture de plus de soixante catégories souvent redondantes. La migration vers WordPress ne permettait pas de transférer automatiquement les articles existants. Il n’existait aucune charte graphique : logo, identité et système typographique étaient à créer. L’enjeu était aussi d’embarquer une équipe de quinze personnes très attachée à ses habitudes de travail.
Solutions
Nous avons proposé une nouvelle architecture en deux entrées (blog et journal scientifique) et un système de tags enrichi : niveaux de difficulté par pistes colorées, temps de lecture estimé, richesse iconographique. Nous avons créé l’identité visuelle de zéro, logo compris, et conçu des gabarits LaTeX pour les volumes semestriels téléchargeables.
Livrables
- Audit : qualité web, architecture existante, catégories
- Architecture : nouvelle organisation et catégorisation des articles
- Wireframes : page d’accueil, page blog, page journal, article, dossier, recherche
- Charte graphique : logo, typographie, couleurs, motifs graphiques pour articles sans image
- Back-office : gestion des rôles et permissions
- Maquettes : gabarits LaTeX pour volumes semestriels téléchargeables
Méthodologie
- Analyser : audit du site existant avec la checklist Opquast (240 règles), analyse des soixante catégories redondantes, entretiens avec l’équipe éditoriale pour cerner les usages réels.
- Structurer : nouvelle catégorisation en deux entrées (blog et journal scientifique), système de tags à quatre niveaux (difficulté, temps de lecture, iconographie, thématiques), wireframes de toutes les pages types, cahier des charges pour le développeur.
- Clarifier : création du logo et de l’identité visuelle (IBM Plex, version longue et version IdM pour mobile), gabarits LaTeX pour les volumes semestriels, design responsive de toutes les pages types.
partenaires
- Mattieu Moreau-Domecq (développement web)
L’image des maths
Passer de SPIP à WordPress, du chaos à la lisibilité, et du bureau au smartphone
-
Secteur
recherche
-
Enjeu
communiquer
-
Livrable
site internet
Résultats
-
+4000visites par jour
-
+5000articles
-
+200auteurs et contributeurs
Contexte
Images des Mathématiques est la revue de vulgarisation mathématique du CNRS. En dix ans de publication, le site avait accumulé plus de 5 000 articles : il était devenu difficile à naviguer, visuellement daté et totalement absent des écrans mobiles.
Défis
Le site reposait sur un CMS dépassé (SPIP) et une architecture de plus de soixante catégories souvent redondantes. La migration vers WordPress ne permettait pas de transférer automatiquement les articles existants. Il n’existait aucune charte graphique : logo, identité et système typographique étaient à créer. L’enjeu était aussi d’embarquer une équipe de quinze personnes très attachée à ses habitudes de travail.
Solutions
Nous avons proposé une nouvelle architecture en deux entrées (blog et journal scientifique) et un système de tags enrichi : niveaux de difficulté par pistes colorées, temps de lecture estimé, richesse iconographique. Nous avons créé l’identité visuelle de zéro, logo compris, et conçu des gabarits LaTeX pour les volumes semestriels téléchargeables.
Livrables
- Audit : qualité web, architecture existante, catégories
- Architecture : nouvelle organisation et catégorisation des articles
- Wireframes : page d’accueil, page blog, page journal, article, dossier, recherche
- Charte graphique : logo, typographie, couleurs, motifs graphiques pour articles sans image
- Back-office : gestion des rôles et permissions
- Maquettes : gabarits LaTeX pour volumes semestriels téléchargeables
Méthodologie
- Analyser : audit du site existant avec la checklist Opquast (240 règles), analyse des soixante catégories redondantes, entretiens avec l’équipe éditoriale pour cerner les usages réels.
- Structurer : nouvelle catégorisation en deux entrées (blog et journal scientifique), système de tags à quatre niveaux (difficulté, temps de lecture, iconographie, thématiques), wireframes de toutes les pages types, cahier des charges pour le développeur.
- Clarifier : création du logo et de l’identité visuelle (IBM Plex, version longue et version IdM pour mobile), gabarits LaTeX pour les volumes semestriels, design responsive de toutes les pages types.
partenaires
- Mattieu Moreau-Domecq (développement web)
“avant” : la matière brute
Rédacteur en chef du site Images des Maths
Professeur
Unité de mathématiques pures et appliquées
École Normale Supérieure de Lyon
« Un design simple et lisible (vraiment simple et lisible !) », c’est ce qu’on voulait quand on a décidé de refaire notre site. Parce qu’avec le temps, c’était devenu un gigantesque vide-grenier numérique de plus de 2000 billets et articles : même les éditeurs ne retrouvaient plus leurs petits…
Aujourd’hui, on a un site super chouette, fait en toute simplicité avec studio samedi, entre deux mails et trois visios. Et on peut enfin le visionner sur un smartphone, ce que personne n’osait faire avant…