RideOn - Application mobile de transport autonome pour adolescents

Sous le tutorat d’un Product Designer senior, je travaille sur la conception d’une application mobile destinée aux adolescents. La fonctionnalité principale est de leur permettre de réserver des trajets en voiture autonome, un concept à la fois innovant et challengeant.

Type de projet

Type de projet

Projet fictif personnel

Tutorat

Mon rôle

Mon rôle

UX/UI Designer

Contribution

Contribution

Wireframes

User stories

Prototypage

UI Kit

User Research

Wireframes

User stories

Prototypage

UI Kit

User Research

Wireframes

User stories

Prototypage

UI Kit

User Research

Durée

Durée

2 mois

(Encore en cours)

Challenge

Comment concevoir une application de réservation simple, attractive et intuitive pour une cible adolescente (11–17 ans), tout en intégrant une dimension de sécurité parentale ?

Concevoir pour des adolescents implique de répondre à plusieurs défis : proposer une expérience fluide et engageante, qui reprenne les codes visuels auxquels ils sont habitués, tout en restant suffisamment claire et rassurante. Le véritable enjeu réside dans l’équilibre entre simplicité d’usage pour les ados et réassurance pour les parents, sans que l’un ne se fasse au détriment de l’autre.

Solution

La solution repose sur une interface intuitive, centrée sur l’action principale (réserver un trajet en quelques clics), enrichie de fonctionnalités adaptées aux adolescents (raccourcis, option “inviter un ami”) et de mécanismes de réassurance parentale (contacts, partage de trajet, notifications). L’objectif est de créer une expérience qui soit à la fois attractive pour les jeunes et sécurisante pour leurs parents, tout en posant les bases d’un service crédible et futuriste autour de la voiture autonome.

Process

Idéation & wireframes

J'ai dû réalisé les wireframe dans un temps court, pour me challenger et tenter d’aller à l’essentiel en réalisant un croquis par écran. Cela m’a permis de me concentrer sur la construction d’un flow clair et fonctionnel : Home → Réservation → Confirmation → Profil.

Idéation & wireframes

J'ai dû réalisé les wireframe dans un temps court, pour me challenger et tenter d’aller à l’essentiel en réalisant un croquis par écran. Cela m’a permis de me concentrer sur la construction d’un flow clair et fonctionnel : Home → Réservation → Confirmation → Profil.

Idéation & wireframes

J'ai dû réalisé les wireframe dans un temps court, pour me challenger et tenter d’aller à l’essentiel en réalisant un croquis par écran. Cela m’a permis de me concentrer sur la construction d’un flow clair et fonctionnel : Home → Réservation → Confirmation → Profil.

J’ai notamment hésité entre un bottom sheet progressif (comme Uber) et un nouvel écran dédié pour la réservation. Finalement, j’ai opté pour un flow structuré par écrans successifs. Cette solution permettait de garder des étapes lisibles, claires, et adaptées à une cible adolescente, sans risque de surcharge cognitive.

Enfin, j’ai porté une attention particulière à l’écran de confirmation. Il était essentiel d’apporter un feedback explicite après la réservation : “Your vehicle is on its way”. Cet écran vise à rassurer l’ado que son action a bien été prise en compte, tout en préparant une articulation future avec le mode parental (notifications et partage du trajet).

Choix UI

Lors du passage au design final, j’ai travaillé plusieurs axes :

  • Couleurs : je voulais une palette “amusante” et dynamique, sans tomber dans le bariolé. L’objectif : parler à une audience jeune tout en restant moderne.

  • Typographie & hiérarchie : j’ai opté pour une police à la fois lisible et assez “playful” (Komet), moins stricte que les typos minimalistes classiques, afin de mieux correspondre à la cible.

  • Effets visuels : je n’ai intégré que deux ombres :

  1. Une drop shadow noire marquée pour donner de la profondeur et un effet plus accrocheur aux composants, cohérent avec une esthétique jeune et affirmée. Elle est utilisée pour pour les éléments pricipaux interactifs.

  2. Une drop shadow très légère, très discrète, qui est simplement là pour mettre en avant certains éléments informatifs.

  • Hiérarchisation claire des actions : un CTA central sous forme de card “Plan a ride” pour guider immédiatement l’utilisateur vers l’action principale.

  • Quick rides / last rides : des raccourcis pré-remplis pour éviter à l’ado de taper systématiquement ses destinations, et ainsi minimiser les frictions.


  • Confirmation & réassurance : un écran dédié pour donner un retour clair, réduire l’incertitude, et instaurer la confiance.


  • Profil pensé pour l’usage ado : trois blocs principaux :

    Contacts (personnes de confiance, accessibles rapidement)

    Destinations favorites (liées aux quick rides de la page d’accueil

    Amis (pour le covoiturage)

  • Flexibilité : Possibilité pour l'ado de changer sa route pendant le trajet (jusqu'à 4km avant la destination d'origine prévue)


  • Sécurité : Notification envoyée aux garants pour alerter sur le changement. Ils peuvent alors décider d'annuler la modification de route, ou laisser tel quel. La bar de progression sur le CTA de confirmation permet une une validation fluide, sans freiner l'ado durant sa course.

Conclusion

C'est ce projet qui m'a appris à faire confiance à mon design, à ne pas avoir peur d'itérer, de refaire, et que c'est normal que tout ne soit pas parfait dès le début. Garder ça en tête m'a permis d'oser plus, mais surtout de me tromper sans me dévaloriser, et tenter de nouveau. Concevoir une expérience utilisateur comme celle-ci est très enrichissant, autant au niveau de la cible (jeunes adolescents) qui m'a forcé à proposer quelque chose d'attrayant visuellement et de simple dans les informations affichées, mais aussi au niveau de la sécurité et de la confiance (pour les garants).

J'ai encore plein de choses à développer sur ce projet sur lequel j'adore travailler, et j'ai hâte d'en voir l'évolution au fil du temps !

Faites évoluer votre app avec un design qui guide et performe.

Planifiez un rendez-vous pour en discuter !

Aliénor du PUY-MONTBRUN Portfolio © 2025

Faites évoluer votre app avec un design qui guide et performe.

Planifiez un rendez-vous pour en discuter !

Aliénor du PUY-MONTBRUN Portfolio © 2025

Faites évoluer votre app avec un design qui guide et performe.

Planifiez un rendez-vous pour en discuter !

Aliénor du PUY-MONTBRUN Portfolio © 2025

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