Une refonte technique et visuelle du site de l’UNIL
Fin novembre 2024, les lectrices et lecteurs ont découvert un site web de l’Université de Lausanne entièrement repensé. Derrière le nouveau visage du site des services centraux de l’UNIL, plus de deux ans de travail ont été nécessaires pour aboutir à un design moderne et aligné sur les standards actuels du web. Cette refonte est le fruit d’une étroite collaboration entre le Centre informatique (Ci), Unicom, et plusieurs agences externes spécialisées. L’objectif principal était de répondre aux besoins des différents publics de l’UNIL, en offrant une plateforme plus intuitive, fonctionnelle et visuellement attrayante. À quelques exceptions près, la majorité des sites centraux ont été rassemblés sur unil.ch. Les sites centraux qui n’ont pas encore été migrés, tel que le site du Centre informatique, seront traités à l’avenir. Cette démarche a permis d’allier modernité et stabilité, offrant une plateforme renouvelée sans perturber les pratiques déjà établies des utilisateurs internes et externes.
Continuité dans les technologies
Bien que le design du site ait été entièrement repensé, la structure technique repose toujours sur le même système de gestion de contenu (CMS) : Jahia. Utilisé depuis de nombreuses années à l’UNIL et actuellement déployé dans sa version 8, Jahia constitue un pilier essentiel des activités quotidiennes des nombreuses et nombreux webmasters de l’institution. Cette continuité technologique a offert plusieurs avantages. D’une part, elle a permis à l’équipe projet de concentrer ses efforts sur la refonte esthétique et fonctionnelle du site, en allouant davantage de ressources à l’amélioration de l’expérience utilisateur et à l’ergonomie. D’autre part, elle a limité l’impact lié à une courbe d’apprentissage technique importante, garantissant une transition plus fluide pour l’ensemble des collaboratrices et collaborateurs impliqués.
Un design pensé pour le futur
Pour concevoir ce nouveau design, une analyse des pratiques et des besoins a été menée par Unicom et le Ci. Cette phase d’étude a permis d’identifier les composants les plus utilisés sur le précédent design, afin de les prioriser dans la refonte. Suite à un appel d’offres, l’agence web Antistatique a été sélectionnée pour repenser l’esthétique et l’ergonomie du site, en mettant un accent particulier sur les usages contemporains du web. En effet, une refonte technologique significative avait eu lieu en 2018 pour rendre le site “responsive”, c’est-à-dire capable de s’ajuster à toutes les tailles d’écrans sans difficulté. Cette refonte avait été accompagnée d’une mise à jour au niveau du design, notamment avec la disparition de la barre de navigation à gauche au profit d’une navigation plus moderne intégrée dans l’en-tête du site. Cependant, ce travail s’appuyait sur un design existant qui n’était pas pensé pour la navigation sur les petits écrans. La refonte complète a donné l’opportunité de partir directement sur une approche résolument “mobile first”, plaçant l’expérience sur smartphones et tablettes au cœur de la stratégie.
Par ailleurs, cette refonte a permis de réfléchir à l’impact écologique d’un site web et intégrer des concepts “écoconçus”, témoignant de l’engagement de l’UNIL pour un web plus durable. L’optimisation des images, par exemple, a été l’une des priorités. Des scripts spécifiques ont été développés pour réduire leur taille et leur impact sur les temps de chargement, minimisant ainsi la consommation de ressources et d’énergie. Le nouveau design a également été pensé pour limiter la nécessité d’utiliser des images, favorisant ainsi l’usage d’éléments graphiques et typographiques légers. Une autre initiative clé a concerné la gestion des fichiers téléchargeables. Un effort particulier a été porté sur la clarté de leur description afin de permettre aux utilisatrices et utilisateurs de mieux comprendre leur contenu avant de les télécharger, évitant ainsi des actions inutiles.
Une approche informationnelle réinventée
La refonte du site de l’UNIL ne s’est pas limitée à des changements graphiques. Sous l’impulsion d’Unicom, une réflexion a été menée sur l’organisation de l’information. L’objectif principal était de simplifier l’expérience utilisateur en réduisant le nombre de pages et en repensant entièrement l’arborescence du site. Cela a permis de réduire le nombre de pages de 3600 pages à 1200.
L’arborescence et le menu du site ont été entièrement repensés pour que l’information ne soit plus éparpillée entre les différents sites des services centraux, mais rassemblée dans des sections cohérentes.
Cette réorganisation s’inscrit dans une démarche visant à améliorer l’efficacité de la navigation et à renforcer la pertinence des contenus présentés. D’un point de vue technique, une architecture de site plus concise contribue à améliorer le référencement naturel (SEO), un enjeu crucial pour l’UNIL en termes de visibilité en ligne. Cette simplification a permis surtout de réduire le nombre de sites distincts et de réunir les différents services centraux, gagnant ainsi en cohésion. Cela facilite non seulement l’accès aux informations pour les utilisatrices et utilisateurs, mais contribue également à une présentation plus unifiée des services et des ressources de l’UNIL.
Une implémentation rigoureuse
La phase finale de la refonte a été marquée par une attention particulière à la qualité de l’implémentation. Des développeurs d’une agence externe, l’agence WIDE, ont collaboré avec l’équipe web du Centre informatique et d’Unicom pour traduire les maquettes en pages fonctionnelles sous Jahia. De nombreuses séances de tests ont été organisées pour identifier et corriger les bugs, mais aussi pour garantir que l’expérience utilisateur corresponde aux objectifs initiaux. De plus, malgré la création d’un script pour migrer le contenu de l’ancien vers le nouveau site, une équipe dédiée a dû vérifier la qualité de chacune des 1200 pages migrées et, dans de nombreux cas, adapter le contenu pour le nouveau design, un travail de longue haleine. Le passage au bilinguisme a nécessité des implémentations techniques, dont l’utilisation de Deepl pour la traduction, et une équipe pour adapter et mettre en forme la version anglaise des pages du site.
Par ailleurs, l’équipe a été mobilisée pour traiter les demandes de modifications émises par les webmasters et responsables des anciennes pages avant leur publication. Ce processus collaboratif a permis d’aligner les contenus migrés avec les attentes spécifiques des différents services tout en maintenant une cohérence globale sur l’ensemble du site.
Les défis techniques pour le Ci
La refonte du site a présenté plusieurs défis pour le Centre informatique (Ci). La transition vers un nouveau design tout en conservant les technologies existantes a exigé une coordination rigoureuse entre les différentes parties prenantes. L’intégration des nouveaux composants dans le CMS Jahia, sans perturber les flux de travail habituels, a représenté un équilibre complexe. En parallèle, le processus a également impliqué la mise à jour et l’adaptation des outils internes pour répondre aux nouvelles exigences techniques. Les développeurs ont dû réécrire certains scripts pour garantir leur compatibilité avec les maquettes et le design responsive. Par ailleurs, l’accent a été mis sur l’optimisation des performances du site afin de garantir des temps de chargement rapides. Ces ajustements techniques ont constitué un socle indispensable pour l’étape suivante, centrée sur la validation et le perfectionnement des fonctionnalités.
Les tests menés dans le cadre de la refonte avaient principalement pour but de vérifier le bon fonctionnement des nouvelles fonctionnalités et de s’assurer que les éléments correspondaient aux attentes définies dans les maquettes.
Une refonte prête pour le futur
En conclusion, la refonte du site unil.ch représente bien plus qu’un simple changement visuel. Elle témoigne d’un engagement à offrir une plateforme moderne et fonctionnelle, en conciliant innovation et continuité technologique. Ce projet illustre comment un travail collaboratif et rigoureux peut transformer un site institutionnel en un outil adapté aux usages du web d’aujourd’hui.
Cependant, ce n’est qu’une première étape. Alors que la première partie de la refonte a principalement concerné les sites centraux, les travaux se concentrent désormais sur la modernisation des sites des facultés. Ces prochains développements viseront à appliquer les mêmes principes de cohérence, d’utilisabilité et de performance, afin de garantir une expérience utilisateur harmonisée sur l’ensemble des plateformes web sous Jahia de l’UNIL.
Image d’en-tête générée avec DALL·E via ChatGPT (OpenAI) le 31.01.2025 par Karim Khouw Zegwaart.