TaM — Accessibilité & Mobilité (concept UI/UX)

Améliorer l’accessibilité des transports

Projet centré sur l’accessibilité d’une application de mobilité urbaine (information voyageur et parcours en temps réel). Rôle : UI/UX Designer — benchmark, wireframes, écrans clés, règles d’accessibilité (contrastes, tailles, cibles ≥44px), mini design system et prototypage.

Client

Concept (travail personnel encadré)

Services

UX Research (light) Wireframing UI Design Accessibilité (WCAG basics) Design System Prototypage Figma

Industries

Mobilité · Transport · Accessibilité

Date

Avril 2020 – Juin 2020

TaM — aperçu UI mobile : écran d’accueil, login et vues de trajets/itinéraires.
TaM — aperçu UI mobile : écran d’accueil, login et vues de trajets/itinéraires.
TaM — aperçu UI mobile : écran d’accueil, login et vues de trajets/itinéraires.

Problème — information voyageur difficile à lire/agir en situation réelle (éclairage, mouvement, handicaps visuels/moteurs). Objectifs — lisibilité immédiate, repères constants, actions accessibles d’une main (mobile). Contraintes — usage en déplacement, contrastes ≥4.5:1, tailles min 16–18px, cibles tactiles ≥44px, focus visible. Rôle & livrables — benchmark → wireframes → UI mobile → mini design system (tokens/composants/états) → prototype.

TaM — mini design system : boutons, icônes, formulaires, navigation et typographies.
TaM — mini design system : boutons, icônes, formulaires, navigation et typographies.
TaM — mini design system : boutons, icônes, formulaires, navigation et typographies.
TaM — onboarding accessibilité : questionnaire guidé pour adapter l’interface aux besoins de l’utilisateur.
TaM — onboarding accessibilité : questionnaire guidé pour adapter l’interface aux besoins de l’utilisateur.
TaM — onboarding accessibilité : questionnaire guidé pour adapter l’interface aux besoins de l’utilisateur.
Wireframes
Wireframes
Wireframes

🎯 Résultats • Lisibilité améliorée sur écrans mobiles (contrastes, tailles, hiérarchie). • Actions principales atteignables d’une main ; composants unifiés pour un handoff dev plus fluide. 🧠 Ce que j’ai appris Traduire les exigences d’accessibilité en décisions UI concrètes (contrastes, targets, focus), documenter des composants et garder un flux simple en contexte de mobilité.

Chaque collaboration commence par une bonne discussion. N’hésitez pas à me contacter pour échanger sur vos besoins et vos idées.

Chaque collaboration commence par une bonne discussion. N’hésitez pas à me contacter pour échanger sur vos besoins et vos idées.

Chaque collaboration commence par une bonne discussion. N’hésitez pas à me contacter pour échanger sur vos besoins et vos idées.

Create a free website with Framer, the website builder loved by startups, designers and agencies.