-
Home Page
L’accueil met en avant les informations clés du réseau et l’accès au menu.
-
Calcul d’itinéraire
Le widget de calcul d’itinéraire, repris de NéMO et adapté au réseau Rodez.
-
Me déplacer
Accès rapide aux catégories de mobilité : transport en commun, vélo, covoiturage.
-
Se repérer
Une cartographie interactive pour se repérer sur le réseau.
-
Menu, Volet 1
Premier niveau de navigation, avec les grandes catégories du site.
-
Menu, Volet 2
Second niveau : le sous-menu dédié aux déplacements.
-
Menu, Volet 3
Troisième niveau, jusqu’au détail des transports en commun.
Le problème
Contrairement aux autres déclinaisons, cette version ne s’appuyait sur aucune des illustrations classiques du système NéMO. Le réseau Agglobus Rodez fournissait ses propres illustrations, mais celles-ci étaient incomplètes et pas directement utilisables en l’état, il a fallu à la fois retravailler l’existant et en recréer une partie pour couvrir tous les besoins de l’application.
Les objectifs
Principalement de la conception, j’ai adapté l’ensemble de la charte visuelle au réseau Agglobus Rodez : illustrations, composants et pages clés du site (menu, page d’accueil, pages de contenu), tout en gardant une cohérence avec les fondations posées par NéMO.
Ma démarche UX
Pour la partie site web, j’ai recréé des maquettes pour la navigation, la page d’accueil et les pages de contenu, en intégrant certains éléments de NéMO sous forme de widgets réutilisés. Ce travail m’a permis de m’appuyer sur des briques déjà solides, tout en construisant une structure propre au site Agglobus Rodez.
Le travail UI
J’ai retravaillé les illustrations fournies par Agglobus Rodez pour les rendre utilisables dans l’application, et recréé certaines icônes en m’appuyant sur leur style existant pour rester cohérent avec leur identité.
Les décisions de conception
À la demande du client, les illustrations ont été remplacées par des photos sur certaines parties du site, notamment la home et le carrousel d’actualités. Contrairement aux illustrations, une photo en arrière-plan ne garantit pas la lisibilité du texte placé par-dessus : j’ai dû appliquer des filtres sur les images et des ombres portées sur le texte pour que la navigation reste confortable.
