Ville de Renens
à iomedia pour la création de son nouveau site internet
Vue d'ensemble
La Ville de Renens a confié à iomedia le mandat de refonte de son site internet afin de proposer à ses publics une plateforme moderne, cohérente et évolutive.
Le mandat couvre le site principal de la Ville ainsi que plusieurs périmètres spécifiques, notamment le site de la bibliothèque, les sociétés sportives et une section dédiée au Conseil communal. L’objectif consistait à réunir ces différents univers au sein d’un écosystème numérique unique, clair et performant.
Dans ce projet, iomedia n’est pas intervenu sur la conception graphique, mais s’est concentré sur les aspects technologiques, l’architecture de l’information et les outils nécessaires à une gestion efficace des contenus. De nombreuses évolutions de notre outil Commune ont ainsi été réalisées afin de répondre pleinement aux attentes du client.
| Concept | Structure de l'information |
| Webdesign | trivial mass |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
Challenge
Repenser l’architecture et l’expérience utilisateur d’un écosystème riche et complexe a constitué l’enjeu central du projet.
La structuration globale ainsi que les adaptations nécessaires en matière d’UI/UX — notamment en termes de navigation, de hiérarchisation et de présentation des contenus — ont représenté le principal défi. Le site précédent comptait un volume très important de pages qu’il a fallu analyser, rationaliser et réorganiser de manière pertinente et cohérente.
Le projet a également impliqué la consolidation de plusieurs sites auparavant distincts, désormais réunis sous une seule et même plateforme.
Mobile
Accessibilité sur tous les supports
L'expérience utilisateur est réfléchie pour s'adapter à tous les supports. Ainsi les internautes peuvent consulter aisément leurs contenus peu importe leur appareil. Les performances de chargement et d'affichage permettent une lecture fluide des contenus.
Méthodologie
Au plus près des besoins de nos clients.
Après une phase d’analyse initiale, des séances de coordination avec le prestataire graphique et une série de workshops ciblés sur les problématiques spécifiques du projet ont permis d’identifier les outils à mettre en place ainsi que le planning optimal pour enchaîner les différentes étapes dans les meilleurs délais.
Une séance de travail hebdomadaire avec le client a également été instaurée. Ces échanges réguliers ont largement facilité l’avancement du projet, en permettant de lever rapidement les zones d’ombre et de fluidifier la prise de décision tout au long du processus.
Interactivity
Accessibility
Couleurs
Les choix de couleurs ont été guidés par plusieurs considérations pour garantir une harmonie et une lisibilité optimales. Pour ce projet, nous avons collaboré avec Renens et utilisé les codes mis en place dans leur charte graphique existante.
Design system
Une bibliothèque d’éléments réutilisables
Créer un design system est une étape essentielle pour une identité visuelle cohérente. Il s’agit d’un fichier regroupant un ensemble de règles et de ressources graphiques, qui permet d’assurer une cohérence visuelle entre les différentes médias, sites internet, applications et autres, et ainsi faciliter le travail des graphistes et des développeurs.
