Retour aux projets

FixMyRide

FixMyRide

résumé du projet

L'application FixMyRide (Version 1.0) est née de la volonté d'aider les cyclistes à résoudre efficacement les problèmes techniques de leur vélo. Elle offre un guide complet pour diagnostiquer, réparer et entretenir les vélos, avec des instructions étape par étape, des vidéos instructives et des conseils d'experts.

Rôles

J'ai assumé les rôles suivants en concevant cette application :

  • User Researcher

  • User Experience (UX) Designer

  • Interaction (IxD) Designer

  • User Interface (UI) Designer

  • Visual Designer

livrables

Conception d'interaction : prototypes interactifs haute fidélité pour les tâches clés

UX/UI Design:

  • Analyse compétitive

  • Enquêtes auprès des utilisateurs et entretiens individuels

  • Personas

  • User journeys and task flows

  • Architecture de l'information

  • Wireframes basse fidélité

  • Maquettes et prototypes haute fidélité

  • Design system and UI kit

  • Tests d'utilisabilité et résultats

OUTILS
  • Figma

  • Photoshop

  • Illustrator

le problème

De nombreux cyclistes manquent de connaissances en mécanique et sont confrontés à des difficultés lorsque leur vélo nécessite des réparations.

De nombreux cyclistes manquent de connaissances en mécanique et sont confrontés à des difficultés lorsque leur vélo nécessite des réparations.

options existantes

Magasins et ateliers, peuvent ne pas être facilement disponibles, ce qui entraîne des retards pour les navetteurs quotidiens à la recherche de solutions rapides.

Magasins et ateliers, peuvent ne pas être facilement disponibles, ce qui entraîne des retards pour les navetteurs quotidiens à la recherche de solutions rapides.

Attente de rendez-vous initial longue.

Les lieux de réparation peuvent être distants du lieu d’habitation.

Les lieux de réparation n’ont pas l’espace pour stocker le vélo pendant ce délai.

Les lieux de réparation ne prennent pas en charge tous les types de vélos.

solution 1

Identifier son vélo efficacement

Identifier son vélo efficacement
  • Saisie de la marque, modèle, année...


  • Base de données de modèles de vélos et de leurs composants.


  • Enregistrement des réparations efffectuées.

solution 2

Réparer en toute simplicité

Réparer en toute simplicité
  • Fournis une liste de problèmes courants ou d'options de dépannage


  • Processus étape par étape avec des questions d'orientation


  • Fournis des instructions détaillées étape par étape

solution 3

Des rappels d’entretiens pour garder son vélo comme neuf

Des rappels d’entretiens pour garder son vélo comme neuf
  • Fournis des calendriers d’entretien ou des listes de contrôle pour aider les utilisateurs à suivre l’entretien de leur vélo.


  • Implémente une fonction de rappel qui envoie des notifications aux utilisateurs pour les tâches d'entretien

solution 4

Acheter rapidement les pièces et outils dont on a besoin

Acheter rapidement les pièces et outils dont on a besoin
  • Intègre un e-commerce qui permet aux utilisateurs d'acheter les composants/outils nécessaires directement via l'application.


  • Affiche des informations pertinentes sur les composants, telles que la compatibilité, les prix et les notes/avis des utilisateurs.

user interviews

Recherche qualitative

Recherche qualitative

J’ai conduit des entretiens avec 8 personnes de mon voisinage qui pratiquent le vélo. Je leur ai posé les questions ci-dessous pour identifier les pain points dans leur relation à la réparation vélo:

Questions de recherche :

  • Quelles sont vos habitudes en tant que cycliste, les raisons qui vous amènent à faire du vélo, à quelle fréquence et sur quelles durées?

  • Quel est votre degré de connaissance technique en réparation vélo? Avez-vous été confronté à des problèmes que vous ne pouviez pas effectuer vous-même? Comment y avez-vous fait face?

  • Qu’avez-vous fait par le passé ou que faites-vous maintenant lorsque vous avez besoin de réparation ou entretien sur votre vélo?

  • Quelles sont les raisons qui vous empêchent de réparer vous-même votre vélo? Quels ont les

quelques éclairages

sur les user interviews

Observations de freins psychologiques entravant le passage à l’acte de réparer ou entretenir son vélo :

Par où commencer?

çà va me prendre beaucoup de temps.

Je ne connais rien au vocabulaire technique.

Comment être sûr de la compatibilité des pièces sur mon vélo?

Quels outils utiliser?

cible

Groupes d’utilisateurs visés

Groupes d’utilisateurs visés

principes ux

Principes de conception

Principes de conception

Suite à mes recherches et aux groupes d’utilisateurs visés, j’ai été attentif à respecter certains principes de design dans la conception de l’application:

principe de clarté

  • Utilisation d’un langage simple et compréhensible.

  • Éviter le jargon technique excessif et privilégier des termes familiers.


  • Utilisation d’icônes intuitives et compréhensibles sans texte explicatif.


  • Hiérarchie visuelle claire (couleurs contrastées & espacements)

principe de réduction de la charge cognitive

  • Division des processus complexes en étapes claires. Guidez les utilisateurs à travers chaque étape de manière séquentielle pour réduire la charge cognitive.

  • Limitation du nombre d'options présentées à l'utilisateur à la fois. Trop de choix peuvent être écrasants.

principe de simplicité

  • Simplification de la navigation avec menus clairs et catégories logiques. Limitation du nombre de choix pour éviter toute confusion.


  • Simplifiez l'interface en éliminant tout élément superflu. Chaque élément devrait avoir une fonction claire et pertinente.

principe de convivialité

  • Intégration d’un système de récompenses pour valoriser les efforts.


  • Langage décalé et amical, évitant le jargon technique excessif. Ton accessible et encourageant.


  • Communication des succès de l'utilisateur de manière ludique. Utilisation de messages d'encouragement.

interaction design

Interaction design

Interaction design

Pour les besoins de l’application, il a été nécessaire de réaliser des sitemap, webflows et wireframes, pour mieux comprendre les interactions de l’utilisateur avec le produit.

Mock ups

Quelques maquettes du projet

Quelques maquettes du projet

principes de conception

Clarté & simplicité

Clarté & simplicité

L’interface de FixMyRide adopte un design épuré et minimaliste pour éviter de surcharger l'écran et ne pas accabler les novices.

texte

image

Deux grands principes guident la conception graphique :


  • la symétrie avec une disposition sur un axe vertical des éléments.

  • une division visuelle en deux parties distinctes, images & textes.

PROTOTYPE

Testez le prototype interactif

Testez le prototype interactif

Autres projets qui pourraient vous intéresser

Autres projets qui pourraient vous intéresser

FIXMYRIDE V2.0

Le projet FixMyRide continue avec de nouvelles fonctionnalités qui s’étendent au quotidien du cycliste.

BLACK BEAN GURU

Le projet Black Bean Guru est une plateforme de vente de café axée sur le conseil.

THE COCK

Le projet The Cock est le site internet d’un restaurant gastronomique vendant des expériences exceptionnelles.

Olivier Larivière

UX UI Design

Branding

Direction artistique

Olivier Larivière

UX UI Design

Branding

Direction artistique

Olivier Larivière

UX UI Design

Branding

Direction artistique