Bontaz
Rôle
UX/UI Designer
Contexte
Entreprise
Witekio
année
2023
Durée
3 - 4 mois
Outils
Figma
Miro
La Problématique
Concevoir une interface fluide et intuitive pour une application mobile connectée à un vélo électrique, affichant en temps réel les données clés (vitesse, autonomie, mode de conduite) et permettant aux utilisateurs d’ajuster leurs réglages tout en analysant leurs performances et leur consommation.
Analyse / Research
Workshop UX
Pour collecter les informations clients, nous avons d'abord mené un atelier UX. Cet échange nous a permis de définir les Protos Persona du service, d’élaborer le parcours utilisateur et de structurer les premiers écrans en organisant les fonctionnalités clés de l’application
Proto Personas
Nous avons également conçu un user path pour visualiser les différents écrans nécessaires selon les circonstances et moments clés, comme la gestion de la batterie en cas de décharge, les actions réalisables à domicile et les fonctionnalités accessibles en conduite
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:
Vélo Statut
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.