Baobab Ticket : billetterie mobile de cars interurbains

Charbel Mehinto

Product Designer UI/UX

Baobab Ticket : billetterie mobile de cars interurbains
Baobab Ticket : billetterie mobile de cars interurbains, hero

Le problème

Pour aller à Parakou ou à Lomé, il faut se rendre à la gare la veille, payer en espèces et espérer que le car parte à l'heure. Aucune compagnie de la sous-région ne propose de billetterie mobile.

Baobab Ticket : billetterie mobile de cars interurbains, contra 04Baobab Ticket : billetterie mobile de cars interurbains, problemBaobab Ticket : billetterie mobile de cars interurbains, dribbble 03

La solution

Réserver sa place depuis son téléphone en moins d'une minute, recevoir un billet QR, l'envoyer à un proche et suivre le car jusqu'à l'arrivée.

Baobab Ticket : billetterie mobile de cars interurbains, overviewBaobab Ticket : billetterie mobile de cars interurbains, contra 01

Fonctionnalités clés

  • Recherche, résultats et plan du car avec choix du siège

  • Billet QR partageable et proche à prévenir

  • Suivi du car en temps réel

  • Back-office compagnie : axes saturés, lignes, colis, cars, chauffeurs, facturation

Baobab Ticket : billetterie mobile de cars interurbains, dashboardBaobab Ticket : billetterie mobile de cars interurbains, dribbble 01Baobab Ticket : billetterie mobile de cars interurbains, controlBaobab Ticket : billetterie mobile de cars interurbains, contra 03

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).

Baobab Ticket : billetterie mobile de cars interurbains, timelineBaobab Ticket : billetterie mobile de cars interurbains, dribbble 02

Choix de design

Vert baobab #2F5D3A pour la confiance et l'idée du voyage, bleu nuit #12223F pour le texte, ocre #F2B544 en accent. Montserrat pour les titres, Inter pour le texte. Le plan du car et le billet QR sont pensés pour une lecture rapide en plein soleil, à la gare.

Baobab Ticket : billetterie mobile de cars interurbains, contra 02Baobab Ticket : billetterie mobile de cars interurbains, login

Landing page

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

Baobab Ticket : billetterie mobile de cars interurbains, liveBaobab Ticket : billetterie mobile de cars interurbains, dribbble 04Baobab Ticket : billetterie mobile de cars interurbains, web platform

Livrables

  • Application mobile iOS et Android

  • Back-office web

  • Landing page

  • Design system, présentation Behance et carrousel LinkedIn

Baobab Ticket : billetterie mobile de cars interurbains, screens

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.

baobab-ticket-intercity-bus-ticketing-ui-ux-case-study visual 1
baobab-ticket-intercity-bus-ticketing-ui-ux-case-study visual 2
baobab-ticket-intercity-bus-ticketing-ui-ux-case-study visual 3

Commentaires (0)

  • Soyez le premier à commenter.

Donnez à votre marque le site qu’elle mérite

15 minutes pour faire le point sur votre site actuel et repartir avec un plan clair. Gratuit, sans engagement.