UniBus UAC : réservation de places dans les bus universitaires

Le problème

Chaque matin, des milliers d'étudiants se bousculent pour monter dans des bus saturés, sans savoir s'il reste une place ni quand le bus arrive.

La solution

Une place réservée à son nom : choix du départ, plan du bus, paiement Mobile Money, passe d'embarquement QR scanné par le superviseur et liste d'attente automatique.

Fonctionnalités clés

• Plan du bus et réservation de place nominative

• Passe d'embarquement QR et suivi du bus en direct

• Parcours superviseur : scan, liste d'embarquement, refus motivé

• Back-office : lignes et horaires, départs saturés, signalements, recettes, journal d'audit

Processus de conception

Quatre phases : découverte (entretiens, audit de l'existant), définition (parcours, architecture de l'information), conception (UI, design system, prototype) et livraison (landing, spécifications).

Choix de design

Bleu campus #1F4FA3 pour l'université et la confiance, jaune soleil #F4C430 pour les accents et l'embarquement, encre #111827 pour le texte. Bricolage Grotesque pour les titres, Instrument Sans pour le texte ; plan du bus et passe QR conçus pour une lecture rapide à l'arrêt.

Landing page

Une landing page présente l'offre, montre l'application et le back-office, et pousse au téléchargement.

Livrables

• Application mobile iOS et Android

• Back-office web

• Landing page

• Design system, présentation Behance et carrousel LinkedIn

Mon rôle

Recherche et personas, parcours utilisateurs, architecture de l'information, UI design haute fidélité, design system et prototype interactif dans Figma. Les écrans sont produits avec un plugin Figma sur mesure en TypeScript, alimenté par un kit UI, avec des contrôles d'accessibilité : contraste 4,5:1, cibles tactiles de 44 px, erreurs jamais signalées par la couleur seule.

Concept de portfolio non officiel, non commandité par les organisations citées.