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

  • +4000
    visites par jour
  • +5000
    articles
  • +200
    auteurs 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

  1. 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.
  2. 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.
  3. 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

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

  • +4000
    visites par jour
  • +5000
    articles
  • +200
    auteurs 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

  1. 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.
  2. 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.
  3. 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

“avant” : la matière brute

Aurélien Alvarez

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…