{"id":2684,"date":"2025-01-31T11:50:20","date_gmt":"2025-01-31T10:50:20","guid":{"rendered":"https:\/\/wp.unil.ch\/newsci\/?p=2684"},"modified":"2025-01-31T13:31:25","modified_gmt":"2025-01-31T12:31:25","slug":"la-refonte-du-site-unil-ch-et-des-sites-des-services-centraux","status":"publish","type":"post","link":"https:\/\/wp.unil.ch\/newsci\/la-refonte-du-site-unil-ch-et-des-sites-des-services-centraux\/","title":{"rendered":"La refonte du site unil.ch et des sites des services centraux"},"content":{"rendered":"\n

Une refonte technique et visuelle du site de l’UNIL<\/strong><\/h2>\n\n\n\n

Fin novembre 2024, les lectrices et lecteurs ont d\u00e9couvert un site web de l\u2019Universit\u00e9 de Lausanne<\/a> enti\u00e8rement repens\u00e9. Derri\u00e8re le nouveau visage du site des services centraux de l\u2019UNIL, plus de deux ans de travail ont \u00e9t\u00e9 n\u00e9cessaires pour aboutir \u00e0 un design moderne et align\u00e9 sur les standards actuels du web. Cette refonte est le fruit d\u2019une \u00e9troite collaboration entre le Centre informatique (Ci), Unicom, et plusieurs agences externes sp\u00e9cialis\u00e9es. L\u2019objectif principal \u00e9tait de r\u00e9pondre aux besoins des diff\u00e9rents publics de l\u2019UNIL, en offrant une plateforme plus intuitive, fonctionnelle et visuellement attrayante. \u00c0 quelques exceptions pr\u00e8s<\/a>, la majorit\u00e9 des sites centraux ont \u00e9t\u00e9 rassembl\u00e9s sur unil.ch. Les sites centraux qui n\u2019ont pas encore \u00e9t\u00e9 migr\u00e9s, tel que le site du Centre informatique, seront trait\u00e9s \u00e0 l\u2019avenir. Cette d\u00e9marche a permis d\u2019allier modernit\u00e9 et stabilit\u00e9, offrant une plateforme renouvel\u00e9e sans perturber les pratiques d\u00e9j\u00e0 \u00e9tablies des utilisateurs internes et externes.<\/p>\n\n\n\n

Continuit\u00e9 dans les technologies<\/strong><\/h2>\n\n\n\n

Bien que le design du site ait \u00e9t\u00e9 enti\u00e8rement repens\u00e9, la structure technique repose toujours sur le m\u00eame syst\u00e8me de gestion de contenu (CMS) : Jahia. Utilis\u00e9 depuis de nombreuses ann\u00e9es \u00e0 l\u2019UNIL et actuellement d\u00e9ploy\u00e9 dans sa version 8, Jahia constitue un pilier essentiel des activit\u00e9s quotidiennes des nombreuses et nombreux webmasters de l\u2019institution. Cette continuit\u00e9 technologique a offert plusieurs avantages. D\u2019une part, elle a permis \u00e0 l\u2019\u00e9quipe projet de concentrer ses efforts sur la refonte esth\u00e9tique et fonctionnelle du site, en allouant davantage de ressources \u00e0 l\u2019am\u00e9lioration de l\u2019exp\u00e9rience utilisateur et \u00e0 l\u2019ergonomie. D\u2019autre part, elle a limit\u00e9 l\u2019impact li\u00e9 \u00e0 une courbe d\u2019apprentissage technique importante, garantissant une transition plus fluide pour l\u2019ensemble des collaboratrices et collaborateurs impliqu\u00e9s.<\/p>\n\n\n\n

Un design pens\u00e9 pour le futur<\/strong><\/h2>\n\n\n\n

Pour concevoir ce nouveau design, une analyse des pratiques et des besoins a \u00e9t\u00e9 men\u00e9e par Unicom et le Ci. Cette phase d\u2019\u00e9tude a permis d\u2019identifier les composants les plus utilis\u00e9s sur le pr\u00e9c\u00e9dent design, afin de les prioriser dans la refonte. Suite \u00e0 un appel d\u2019offres, l\u2019agence web Antistatique<\/a> a \u00e9t\u00e9 s\u00e9lectionn\u00e9e pour repenser l\u2019esth\u00e9tique et l\u2019ergonomie du site, en mettant un accent particulier sur les usages contemporains du web. \u00a0\u00a0En effet, une refonte technologique significative avait eu lieu en 2018 pour rendre le site \u201cresponsive\u201d, c\u2019est-\u00e0-dire capable de s\u2019ajuster \u00e0 toutes les tailles d\u2019\u00e9crans sans difficult\u00e9. Cette refonte avait \u00e9t\u00e9 accompagn\u00e9e d\u2019une mise \u00e0 jour au niveau du design, notamment avec la disparition de la barre de navigation \u00e0 gauche au profit d\u2019une navigation plus moderne int\u00e9gr\u00e9e dans l\u2019en-t\u00eate du site. Cependant, ce travail s\u2019appuyait sur un design existant qui n\u2019\u00e9tait pas pens\u00e9 pour la navigation sur les petits \u00e9crans. La refonte compl\u00e8te a donn\u00e9 l\u2019opportunit\u00e9 de partir directement sur une approche r\u00e9solument \u201cmobile first\u201d, pla\u00e7ant l\u2019exp\u00e9rience sur smartphones et tablettes au c\u0153ur de la strat\u00e9gie.<\/p>\n\n\n\n

\"\"
Le site web du Ci en janvier 2018 avec une barre de navigation lat\u00e9rale.<\/figcaption><\/figure>\n\n\n\n
\"\"
Le site du Ci en mai 2018 suite \u00e0 la derni\u00e8re mise \u00e0 jour graphique avant la refonte.<\/figcaption><\/figure>\n\n\n\n

Par ailleurs, cette refonte a permis de r\u00e9fl\u00e9chir \u00e0 l\u2019impact \u00e9cologique d’un site web et int\u00e9grer des concepts \u201c\u00e9cocon\u00e7us\u201d, t\u00e9moignant de l\u2019engagement de l\u2019UNIL pour un web plus durable. L\u2019optimisation des images, par exemple, a \u00e9t\u00e9 l\u2019une des priorit\u00e9s. Des scripts sp\u00e9cifiques ont \u00e9t\u00e9 d\u00e9velopp\u00e9s pour r\u00e9duire leur taille et leur impact sur les temps de chargement, minimisant ainsi la consommation de ressources et d\u2019\u00e9nergie. Le nouveau design a \u00e9galement \u00e9t\u00e9 pens\u00e9 pour limiter la n\u00e9cessit\u00e9 d\u2019utiliser des images, favorisant ainsi l\u2019usage d\u2019\u00e9l\u00e9ments graphiques et typographiques l\u00e9gers. Une autre initiative cl\u00e9 a concern\u00e9 la gestion des fichiers t\u00e9l\u00e9chargeables. Un effort particulier a \u00e9t\u00e9 port\u00e9 sur la clart\u00e9 de leur description afin de permettre aux utilisatrices et utilisateurs de mieux comprendre leur contenu avant de les t\u00e9l\u00e9charger, \u00e9vitant ainsi des actions inutiles.<\/p>\n\n\n\n

\n
\n
\"\"
La page d\u2019accueil actuelle avec le mode \u00e9cocon\u00e7u activ\u00e9.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
La page d\u2019accueil actuelle sur mobile.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Une approche informationnelle r\u00e9invent\u00e9e<\/strong><\/h2>\n\n\n\n

La refonte du site de l\u2019UNIL ne s\u2019est pas limit\u00e9e \u00e0 des changements graphiques. Sous l\u2019impulsion d\u2019Unicom, une r\u00e9flexion a \u00e9t\u00e9 men\u00e9e sur l\u2019organisation de l\u2019information. L\u2019objectif principal \u00e9tait de simplifier l\u2019exp\u00e9rience utilisateur en r\u00e9duisant le nombre de pages et en repensant enti\u00e8rement l\u2019arborescence du site. Cela a permis de r\u00e9duire le nombre de pages de 3600 pages \u00e0 1200.<\/p>\n\n\n\n

\"\"
Le nouveau \u00ab\u00a0m\u00e9ga-menu\u00a0\u00bb.<\/figcaption><\/figure>\n\n\n\n

L\u2019arborescence et le menu du site ont \u00e9t\u00e9 enti\u00e8rement repens\u00e9s pour que l\u2019information ne soit plus \u00e9parpill\u00e9e entre les diff\u00e9rents sites des services centraux, mais rassembl\u00e9e dans des sections coh\u00e9rentes.<\/p>\n\n\n\n

Cette r\u00e9organisation s\u2019inscrit dans une d\u00e9marche visant \u00e0 am\u00e9liorer l\u2019efficacit\u00e9 de la navigation et \u00e0 renforcer la pertinence des contenus pr\u00e9sent\u00e9s. D\u2019un point de vue technique, une architecture de site plus concise contribue \u00e0 am\u00e9liorer le r\u00e9f\u00e9rencement naturel (SEO), un enjeu crucial pour l\u2019UNIL en termes de visibilit\u00e9 en ligne. Cette simplification a permis surtout de r\u00e9duire le nombre de sites distincts et de r\u00e9unir les diff\u00e9rents services centraux, gagnant ainsi en coh\u00e9sion. Cela facilite non seulement l\u2019acc\u00e8s aux informations pour les utilisatrices et utilisateurs, mais contribue \u00e9galement \u00e0 une pr\u00e9sentation plus unifi\u00e9e des services et des ressources de l\u2019UNIL.<\/p>\n\n\n\n

Une impl\u00e9mentation rigoureuse<\/strong><\/h2>\n\n\n\n

La phase finale de la refonte a \u00e9t\u00e9 marqu\u00e9e par une attention particuli\u00e8re \u00e0 la qualit\u00e9 de l\u2019impl\u00e9mentation. Des d\u00e9veloppeurs d\u2019une agence externe, l\u2019agence WIDE<\/a>, ont collabor\u00e9 avec l\u2019\u00e9quipe web du Centre informatique \u00a0et d\u2019Unicom pour traduire les maquettes en pages fonctionnelles sous Jahia. De nombreuses s\u00e9ances de tests ont \u00e9t\u00e9 organis\u00e9es pour identifier et corriger les bugs, mais aussi pour garantir que l\u2019exp\u00e9rience utilisateur corresponde aux objectifs initiaux. De plus, malgr\u00e9 la cr\u00e9ation d\u2019un script pour migrer le contenu de l\u2019ancien vers le nouveau site, une \u00e9quipe d\u00e9di\u00e9e a d\u00fb v\u00e9rifier la qualit\u00e9 de chacune des 1200 pages migr\u00e9es et, dans de nombreux cas, adapter le contenu pour le nouveau design, un travail de longue haleine. Le passage au bilinguisme a n\u00e9cessit\u00e9 des impl\u00e9mentations techniques, dont l\u2019utilisation de Deepl pour la traduction, et une \u00e9quipe pour adapter et mettre en forme la version anglaise des pages du site.<\/p>\n\n\n\n

Par ailleurs, l\u2019\u00e9quipe a \u00e9t\u00e9 mobilis\u00e9e pour traiter les demandes de modifications \u00e9mises par les webmasters et responsables des anciennes pages avant leur publication. Ce processus collaboratif a permis d\u2019aligner les contenus migr\u00e9s avec les attentes sp\u00e9cifiques des diff\u00e9rents services tout en maintenant une coh\u00e9rence globale sur l\u2019ensemble du site.<\/p>\n\n\n\n

Les d\u00e9fis techniques pour le Ci<\/strong><\/h2>\n\n\n\n

La refonte du site a pr\u00e9sent\u00e9 plusieurs d\u00e9fis pour le Centre informatique (Ci). La transition vers un nouveau design tout en conservant les technologies existantes a exig\u00e9 une coordination rigoureuse entre les diff\u00e9rentes parties prenantes. L\u2019int\u00e9gration des nouveaux composants dans le CMS Jahia, sans perturber les flux de travail habituels, a repr\u00e9sent\u00e9 un \u00e9quilibre complexe. En parall\u00e8le, le processus a \u00e9galement impliqu\u00e9 la mise \u00e0 jour et l\u2019adaptation des outils internes pour r\u00e9pondre aux nouvelles exigences techniques. Les d\u00e9veloppeurs ont d\u00fb r\u00e9\u00e9crire certains scripts pour garantir leur compatibilit\u00e9 avec les maquettes et le design responsive. Par ailleurs, l\u2019accent a \u00e9t\u00e9 mis sur l\u2019optimisation des performances du site afin de garantir des temps de chargement rapides. Ces ajustements techniques ont constitu\u00e9 un socle indispensable pour l\u2019\u00e9tape suivante, centr\u00e9e sur la validation et le perfectionnement des fonctionnalit\u00e9s.<\/p>\n\n\n\n

Les tests men\u00e9s dans le cadre de la refonte avaient principalement pour but de v\u00e9rifier le bon fonctionnement des nouvelles fonctionnalit\u00e9s et de s’assurer que les \u00e9l\u00e9ments correspondaient aux attentes d\u00e9finies dans les maquettes.<\/p>\n\n\n\n

Une refonte pr\u00eate pour le futur<\/strong><\/h2>\n\n\n\n

En conclusion, la refonte du site unil.ch repr\u00e9sente bien plus qu\u2019un simple changement visuel. Elle t\u00e9moigne d\u2019un engagement \u00e0 offrir une plateforme moderne et fonctionnelle, en conciliant innovation et continuit\u00e9 technologique. Ce projet illustre comment un travail collaboratif et rigoureux peut transformer un site institutionnel en un outil adapt\u00e9 aux usages du web d\u2019aujourd\u2019hui.<\/p>\n\n\n\n

Cependant, ce n\u2019est qu\u2019une premi\u00e8re \u00e9tape. Alors que la premi\u00e8re partie de la refonte a principalement concern\u00e9 les sites centraux, les travaux se concentrent d\u00e9sormais sur la modernisation des sites des facult\u00e9s. Ces prochains d\u00e9veloppements viseront \u00e0 appliquer les m\u00eames principes de coh\u00e9rence, d\u2019utilisabilit\u00e9 et de performance, afin de garantir une exp\u00e9rience utilisateur harmonis\u00e9e sur l\u2019ensemble des plateformes web sous Jahia de l\u2019UNIL.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Image d’en-t\u00eate g\u00e9n\u00e9r\u00e9e avec DALL\u00b7E via ChatGPT (OpenAI) le 31.01.2025 par Karim Khouw Zegwaart<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Cette refonte, fruit de plus de deux ans de travail, d\u00e9passe le changement graphique: elle r\u00e9organise l\u2019information et modernise l\u2019exp\u00e9rience utilisateur pour r\u00e9pondre aux standards du web actuel.<\/p>\n","protected":false},"author":1001466,"featured_media":2702,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"template-full-width-cover.php","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[4,1],"tags":[18],"class_list":["post-2684","post","type-post","status-publish","format-standard","has-post-thumbnail","category-communication-et-web","category-non-classifiee","tag-affiche"],"_links":{"self":[{"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/posts\/2684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/users\/1001466"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/comments?post=2684"}],"version-history":[{"count":5,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/posts\/2684\/revisions"}],"predecessor-version":[{"id":2706,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/posts\/2684\/revisions\/2706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/media\/2702"}],"wp:attachment":[{"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/media?parent=2684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/categories?post=2684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.unil.ch\/newsci\/wp-json\/wp\/v2\/tags?post=2684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}