Moobi

Moobi

Application de mobilité douce et calcul d'empreinte carbone

Application de mobilité douce et calcul d'empreinte carbone

{UX/UI Design}

{UX/UI Design}

{Mobile}

{Mobile}

{app}

{app}

{Projet étudiant M2}

{Projet étudiant M2}

DOMAINE

DOMAINE

Mobilité

Mobilité

ÉQUIPE

ÉQUIPE

Solo

Solo

TEMPS

TEMPS

1 - 2 ans

1 - 2 ans

OUTILS

OUTILS

Figma

Figma

PÉRIODE

PÉRIODE

2022 - 2024

2022 - 2024

Moobi, application de mobilité douce et calcul d'empreinte carbone

CONTEXTE

L'idée née d'une galère à Aix-en-Provence

L'idée née d'une galère à Aix-en-Provence

L'idée née d'une galère à
Aix-en-Provence

En arrivant à Aix-en-Provence pour mon Master, me déplacer sans voiture s'est révélé bien plus compliqué que prévu, bus peu fiables, horaires approximatifs, dépendance à la voiture presque inévitable.

C'est cette frustration personnelle qui a donné naissance à Moobi.


En France, les transports représentent 30% des émissions de gaz à effet de serre. Un trajet moyen en voiture émet 2,3 kg de CO2 par kilomètre.


Le problème est réel, mais les solutions existantes sont soit trop techniques, soit trop culpabilisantes pour changer les habitudes durablement.

Statistiques Co2 et gaz à effet de serre en France
Statistiques Co2 et gaz à effet de serre en France

{Quelques statistiques}

Problématique

Comment encourager une mobilité plus verte sans moraliser ?

Comment encourager une mobilité plus verte sans moraliser ?

Comment encourager une mobilité plus verte sans moraliser ?

Informer ne suffit pas. Les gens savent que la voiture pollue. La vraie question était : comment concevoir une expérience qui donne envie de changer, plutôt que de culpabiliser ?

Trois défis principaux identifiés dès le départ : obtenir des données de transport fiables en temps réel, calculer précisément l'empreinte carbone selon le mode de transport, et maintenir l'engagement des utilisateurs sur la durée.

Comment verdir nos villes en favorisant une mobilité écologique ?

Comment verdir nos villes en favorisant
une mobilité écologique ?

Comment verdir nos villes en favorisant
une mobilité écologique ?

{Problématique}

Recherche

Comprendre avant de concevoir

Comprendre avant de concevoir

Comprendre avant de concevoir

Benchmark des applications existantes : Google Maps, Waze, Too Good To Go, Ecosia, pour identifier ce qui manquait : aucune n'associait calcul d'empreinte carbone, alternatives de transport et engagement long terme dans une seule expérience.


Analyse des comportements de mobilité urbaine et des freins au changement d'habitudes. La gamification est ressortie comme levier central, transformer un effort en récompense.

Benchmark de Moobi
Benchmark de Moobi

{Benchmark réalisé en 2022-2024}

Personas

Pour qui on design ?

Pour qui on design ?

Pour qui on design ?

Deux profils principaux ont guidé toutes les décisions de design : le jeune actif urbain qui voudrait faire mieux mais manque de temps et d'outils, et le citoyen engagé qui cherche une façon concrète de mesurer et réduire son impact.

Personas professions 25-40 ans de Moobi
Personas professions 25-40 ans de Moobi
Personas familles 41-65 ans de Moobi
Personas familles 41-65 ans de Moobi
Personas seniors 65 ans et plus de Moobi
Personas seniors 65 ans et plus de Moobi
Personas entreprises et collectiviés de Moobi
Personas entreprises et collectiviés de Moobi

{Personas moobi}

Design System

Cohérence sur trois surfaces

Cohérence sur trois surfaces

Cohérence sur trois surfaces

Avant de dessiner le moindre écran, j'ai construit le design system : palette de couleurs, typographie, composants, iconographie. Un système pensé pour fonctionner sur mobile, web et Apple Watch sans perdre son identité visuelle.

Charte graphique de Moobi
Charte graphique de Moobi
Charte graphique de Moobi

{Logo, couleurs, polices motifs de Moobi}

UI Kit de Moobi
UI Kit de Moobi
UI Kit de Moobi

{UI kit}

Application mobile

Le coeur du produit

Le coeur du produit

Le coeur du produit

L'app mobile couvre l'intégralité du parcours utilisateur : onboarding, création de compte, calcul de trajet avec alternatives écologiques, dashboard d'empreinte carbone, système de récompenses et menu des trajets.


Chaque écran a été pensé pour réduire la friction, l'utilisateur doit comprendre son impact et ses alternatives en quelques secondes, pas en quelques minutes.

Log In de l'application de Moobi
Log In de l'application de Moobi
Log In de l'application de Moobi
Dashboard de l'application Moobi
Dashboard de l'application Moobi
Dashboard de l'application Moobi
Image des écrans de trajets pour Moobi
Image des écrans de trajets pour Moobi
Image des écrans de trajets pour Moobi

{Multi-écrans Moobi : Log in, dashboard, trajets}

Extensions - Web & Apple Watch

Une expérience qui va plus loin que le téléphone

Une expérience qui va plus loin que le téléphone

Une expérience qui va plus loin que le téléphone

Web App : pour une consultation élargie sur desktop, pensée pour les utilisateurs qui veulent analyser leurs habitudes sur une période longue, pas juste consulter un trajet.


Apple Watch : l'extension légère pour suivre ses trajets en mouvement, sans sortir le téléphone. Détection automatique du mode de transport, suivi en temps réel, validation du trajet d'un geste.

Écrans Apple Watch de Moobi
Écrans Apple Watch de Moobi
Écrans Apple Watch de Moobi

{écrans Apple Watch Moobi}

Bilan

Ce que ce projet m'a appris

Ce que ce projet m'a appris

Moobi c'est 195 pages de documentation, un design system complet, trois surfaces couvertes, réalisé seul dans le cadre de mon Master 2 en Direction Artistique Digitale spécialisé en UX.


Ce projet m'a appris une chose surtout : la rigueur du process UX n'est pas une contrainte, c'est ce qui permet de justifier chaque décision de design.


Chaque écran a une raison d'être et je peux l'expliquer.

On se fait un call ?

Alexis

Vous

On se fait un call ?

Alexis

Vous

On se fait un call ?

Alexis

Vous