LE PROJET :
Refonte de site internet
Juin 2024
Chez Sciences Po Lyon, le digital avait besoin d’un petit coup de neuf… Des sites devenus vieillissants, une gestion des contenus parfois compliquée, et une navigation aux allures d’un escape game.
C’est dans ce contexte qu’un appel d’offres a été lancé avec une mission ambitieuse : repenser entièrement l’écosystème digital de l’établissement. Un projet dense, structurant, et forcément stimulant. Exactement le genre de défi que nos pandas aiment relever. Mission acceptée… Et remportée !
Chez nous, on voit les choses en grand. L’écosystème digital de Sciences Po Lyon s’articule autour de cinq plateformes : le site public, le site de la bibliothèque, les intranets du personnel et des étudiants, ainsi qu’un site en anglais.
Pour faire fonctionner tout ce petit monde ensemble, nous avons conçu un réseau de sites WordPress pensé comme un véritable écosystème : une base commune, des usages spécifiques selon les publics, mais une expérience globale cohérente d’un site à l’autre.
Le site public à lui seul comptait plus de 200 pages avec des niveaux de navigation pouvant aller jusqu’à cinq niveaux. Autant dire qu’on n’était pas sur un plan très simple…
Tout l’enjeu a donc été de transformer cette masse de contenus en une expérience claire et intuitive. Nous avons entièrement repensé l’arborescence du site pour construire des parcours fluides, avec une hiérarchisation logique et une navigation pensée pour accompagner tous les profils d’utilisateurs, sans jamais les perdre en route !
Impossible de repenser le site sans le connecter aux outils internes de l’établissement. Nous avons donc relié l’annuaire informatique au site afin de gérer automatiquement les comptes et les accès, notamment aux intranets.
Côté développement, des plugins sur mesure ont été créés pour afficher les informations du personnel et intégrer les publications des enseignants-chercheurs déposées sur la plateforme HAL. Avant autant de contenu, difficile de tout centraliser ! Nous avons donc mis en place un système de contribution. Les équipes peuvent proposer des modifications, ensuite validées (ou non) par le service communication. Il a donc fallu mettre au point ce workflow et paramétrer le site pour qu’ils puissent tout gérer de façon autonome.
Pour unifier l’ensemble, une charte graphique commune a été déployée sur tous les sites, à l’exception de celui de la bibliothèque, qui présente une identité légèrement différente.
L’univers repose sur des bleus institutionnels, gages de crédibilité, complétés par des touches de vert et de bleu clair pour apporter modernité et fraîcheur. Une typographie sans serif a été choisie afin de garantir une lecture fluide, même pour des contenus parfois très denses.
Des lignes, blocs et surlignages viennent structurer les pages et guider la lecture de manière intuitive.
Grâce à cet écosystème graphique homogène, nos pandas ont créé une expérience utilisateur cohérente, même lors du passage d’un site à l’autre.
Comme évoqué précédemment, le site de la bibliothèque adopte une identité plus spécifique et légèrement plus académique, afin de souligner son rôle particulier tout en restant intégré à l’ensemble de l’écosystème.
Dans cette même logique, le site repose sur un système de composants : cards d’actualité, timelines d’événements, blocs d’outils ou encore sections éditoriales.
Ce fonctionnement permet aux équipes internes de créer du contenu facilement, tout en garantissant une cohérence globale.
Malgré la densité d’informations, la lecture reste fluide grâce à une hiérarchisation claire : titres distincts, contrastes de taille, zones de respiration et CTA bien visibles.
En quelques secondes, l’utilisateur comprend où il se trouve, ce qu’il peut faire et où il doit cliquer !
Vous nous connaissez, hors de question de tomber dans un univers trop formel ! Pour éviter un rendu trop « administratif », nous avons intégré des visuels immersifs mettant en scène des étudiants, le campus et les événements. L’objectif est de montrer la réalité de l’école, d’apporter du relief et de rendre l’ensemble plus vivant.
Sciences Po Lyon adopte ainsi une image plus accessible et incarnée, facilitant la projection pour toute personne visitant le site.
Le projet est né d’un besoin fort : moderniser des outils devenus complexes et difficiles à administrer. Au final, nous avons conçu un écosystème structuré, cohérent et fluide, capable de gérer plusieurs sites, des centaines de pages et des profils utilisateurs variés.
La preuve que même les sujets les plus complexes peuvent devenir limpides, avec la bonne méthode… et de jolies pattes poilues !
Architecture,
Organisation et
Félicitations !
