Carte Jeune Engagé

Rôle

Product Designer

Contexte

Entreprise

Beta Gouv

année

2023 - 2024

Durée

1 an

Outils

Figma

Miro

Hotjar

Dovetail

Problématique

Les programmes de réductions et de tarifications avantageuses proposés pour les étudiants rencontrent un franc succès auprès des jeunes.

En France, près d’1 étudiant sur 3 est inscrit sur une application de réductions exclusives. Pourtant en France, parmi les jeunes de 18 à 25 ans ce sont 6 jeunes sur 10 qui n’ont pas le statut étudiant, et qui sont donc exclus de ces avantages mis en place par les acteurs privés.

La carte “jeune engagé” est une initiative visant à rétablir l’équilibre des avantages dont peuvent bénéficier tous les jeunes âgés de 18 à 25 ans, qu’ils soient étudiants, en formation, engagés en service civique ou en insertion professionnelle.

Sept.

Start

1 mois

Lancement du projet

Définition des besoins business & Kick-Off

Au tout début, il y a eu un kick-off afin de mettre en avant les différents besoins et ce qu'il était nécessaire de voir pour marquer le début du projet et surtout définir les besoins business.

Cible

KPI Suivi

Oct.

V1

1 - 2 mois

Phase de conception (V1)

Objectifs de la V1

On devait fournir les premières maquettes de l'app pour fin janvier, donc on a dû aller vite sur la V1. Cette version était pour se faire une première idée de ce qu'il fallait mettre sur la webapp ou non.

Ecran V1

Proto Figma V1

Tests utilisateurs de la V1

Ensuite, nous avons eu une première phase d'idéation et de benchmark en regardant la concurrence. Nous avons réalisé une V1 de l'app en 2 semaines avec les MVP choisis pour obtenir des premiers retours. On a fait des tests utilisateurs en mode guerilla sur cette V1, avec un questionnaire et un scénario précis. Après cela, nous avons procédé à la reconstitution

User Path

Idéation

Atelier de conception MVP: MoSCoW

Grâce à un MVP, l'objectif était de recenser les fonctionnalités clés à mettre en avant ainsi que les informations essentielles pour l'utilisateur.

Atelier MoSCoW

Wireframe

Nous avons ensuite réalisé des wireframes pour mieux nous projeter, en nous appuyant sur le user path pour concevoir les écrans principaux. Cela nous a permis d’obtenir un premier retour client sur notre analyse et nos idées.

Wireframe Hi-Fi

Connexion au vélo

Il était essentiel de bien comprendre et concevoir le processus de jumelage entre le téléphone et le vélo. Nous avons donc étudié le parcours utilisateur afin de définir un onboarding clair et intuitif, permettant aux utilisateurs de se connecter facilement et de maîtriser rapidement l’application.

Onboarding

Design Interface

Version 1: Dark Theme

Concernant le design et la palette de couleurs, nous avions carte blanche, à l’exception du bleu de leur charte graphique à conserver. Le client souhaitait adopter un dark theme et innover sur les couleurs afin de créer une identité visuelle moderne et technologique.

Pourquoi un Dark Theme:

  • Économie de batterie : Si l’application est utilisée sur des appareils avec écran OLED, le dark theme permet de réduire la consommation d’énergie, ce qui est particulièrement avantageux pour les utilisateurs lors de longs trajets.

  • Visibilité des informations clés : Un dark theme, bien conçu, améliore la lisibilité des informations essentielles (vitesse, niveau de batterie) en offrant un meilleur contraste, ce qui permet de mieux les distinguer pendant l’utilisation, même en mouvement.

Version 1

Version 2: Light Theme

Au final, bien que le client ait initialement apprécié le dark theme, des contraintes internes liées à la hiérarchie de l’entreprise ont conduit à l’adoption de la palette complète de leur charte graphique, avec un passage au light theme. Nous avons donc réajusté le design en fonction de leurs attentes tout en préservant l'esthétique moderne et fonctionnelle de l'application.

Contrainte de développement:

Il y a eu aussi des contraintes techniques du côté des développeurs, notamment pour le curseur de vitesse, qu’il a fallu simplifier afin de garantir une bonne performance et une utilisation fluide. Cela a entraîné quelques ajustements dans le design pour que l’interface reste claire et fonctionnelle tout en répondant aux exigences techniques.

Vélo Statut

Étude du design des niveaux de vitesse et modes du vélo pour une interface claire et intuitive.

Priorisation des fonctionnalités clés du service Bontaz

L’objectif de cet atelier était de définir et prioriser les fonctionnalités essentielles pour l’application Bontaz, permettant d’optimiser l’expérience utilisateur du vélo équipé du moteur Bontaz. Les principales fonctionnalités mises en avant incluent le déblocage d’une puissance de batterie accrue, la géolocalisation du vélo en cas de perte ou vol, ainsi que la gestion des alertes de niveau de batterie. Ces fonctionnalités ont été identifiées comme cruciales pour améliorer la sécurité, l'autonomie et la tranquillité d’esprit des utilisateurs.

My Rides

Conclusion

Ce projet a permis de concevoir une application intuitive et fonctionnelle pour les utilisateurs du vélo équipé du moteur Bontaz, en mettant l’accent sur les fonctionnalités essentielles pour optimiser leur expérience. Grâce à une étude approfondie des besoins utilisateurs et à une méthodologie de priorisation efficace, nous avons pu intégrer des fonctionnalités clés telles que le déblocage de la puissance de batterie, la géolocalisation du vélo en cas de perte ou vol, et la gestion des alertes de batterie. Le projet a également permis de concilier les attentes du client avec les contraintes techniques et ergonomiques, tout en assurant une interface claire et facile à utiliser. En somme, cette application offre une solution complète, moderne et sécurisante, répondant aux besoins des utilisateurs tout en valorisant le potentiel du moteur Bontaz.

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