Tous les projets

Projet académique · 2026

OceanSight

11 millions de tonnes de plastique finissent en mer chaque année, et ceux qui les croisent ne savent pas à qui le dire. Nous avons conçu OceanSight : une app mobile pour les signaler et rejoindre des missions de nettoyage.

En collaboration avec Luca Leone et Romain Blanchard

Cadre
Cours UX/UI HEIG-VD
Durée
Environ un semestre
Équipe
3 étudiants
Mon rôle
Conception UX/UI
OceanSight, Design UX/UI

En bref

Défi

Partir d’un objectif de développement durable de l’ONU, puis concevoir une app mobile qui y répond, jusqu’au prototype cliquable.

Ce que j’ai fait

Nous étions trois et nous avons tout mené ensemble, de la recherche utilisateur au prototype Figma et à ses tests.

Résultat

  • 6/6en UX

Contexte

Cadre

Cours UX/UI de 2e année de Bachelor en ingénierie des médias, à la HEIG-VD, en deux volets évalués séparément : l’UX, puis l’UI.

Point de départ

Parmi les objectifs de l’ONU, nous avons choisi la vie aquatique, où 6 500 espèces sont menacées. Une partie de la pollution est invisible : les filets fantômes, abandonnés en mer, continuent de pêcher pendant des années. Nous avons voulu donner aux usagers de la mer un moyen d’agir contre cette pollution.

Contraintes

La consigne du cours fixait le point de départ et le livrable :

  • partir d’un objectif de développement durable de l’ONU (ODD), au choix du groupe ;
  • aboutir à un prototype cliquable d’application mobile.

Comment peut-on simplifier le processus de signalement des filets de pêche abandonnés et des îles flottantes de plastique afin de réduire la pollution en mer ?

Notre How Might We

Déroulement

  1. Choix de l’ODD
  2. Recherche
  3. Personas
  4. How Might We
  5. Idéation
  6. User flow
  7. Prototype
  8. Tests utilisateurs

Décisions

01

Trois publics très différents, un même besoin

Nous avons étudié un pêcheur, un plaisancier et une responsable d’ONG. Leurs habitudes n’ont rien en commun, mais tous croisent des déchets sans savoir à qui ni comment les signaler.

Les trois personas : pêcheur, plaisancier, responsable d’ONG

02

Une app ouverte à tous, plutôt qu’un outil réservé aux pêcheurs

Nous avons écarté un écoscore pour les pêcheurs et un outil de prédiction des zones de déchets. Avec notre app, tout usager de la mer peut signaler un déchet ou rejoindre une mission.

L’écran d’accueil « Join us » d’OceanSight, ouvert à tous

03

Les missions sur une carte, ou dans une liste à filtrer

Sur la carte, chacun repère les missions proches de lui. La liste, avec ses filtres par pays, type de déchet, espèce bloquée ou difficulté, sert à comparer avant de s’engager.

La carte des missions et la liste avec ses filtres

04

Un bouton toujours visible pour signaler un déchet

Sur la carte, un bouton « + » ouvre le formulaire de signalement. Chaque signalement prévient les autres usagers de la mer et crée une donnée géolocalisée, utile aux ONG et à la recherche.

Le formulaire de signalement et sa confirmation

05

Montrer à chacun l’impact concret de ses missions

Le profil compte les missions réalisées, les kilos de plastique récupérés et les espèces sauvées, avec des badges à collectionner. Les rapports présentent chaque espèce libérée.

Le profil avec ses statistiques et ses badges, et les espèces sauvées

Tests utilisateurs

Cinq personnes ont testé le prototype. Leurs retours ont fait ressortir cinq freins, de la navigation sur la carte à l’affichage des photos. Il nous restait du temps : nous en avons corrigé quatre directement dans le prototype, et laissé le dernier pour le développement.

Rendu

Trouver une mission

L’écran d’accueil « Join us », avec la connexion et l’inscription
Accueil
La carte des missions, avec la recherche, les filtres et le bouton « + »
Carte des missions
La liste des missions, avec le type de déchet, le lieu et la date
Liste des missions

De la mission au rapport

Le détail d’une mission, avec les boutons « Take Mission » et « See Location »
Détail d’une mission
La liste des rapports de mission
Rapports
L’aperçu d’un rapport, avec les espèces et les photos
Aperçu d’un rapport

Espèces et photos

Les espèces sauvées lors d’une mission : hippocampe, tortue, poisson-chat
Espèces sauvées
La galerie de photos d’une mission
Galerie
Une photo en grand, avec les flèches pour passer à la suivante
Photo en grand

Suivre son impact

Le profil : badges et missions réalisées
Profil
La liste des missions de l’usager
Mes missions
La page Réglages : compte, paiement, notifications, confidentialité, FAQ, support et suppression du compte
Réglages

Résultat

Dans l’ensemble, il s’agit d’un très bon projet, sérieux et bien exécuté. Félicitations.

Retour de l’enseignant
  • Évaluation

    « Le design system est solide et démontre une bonne compréhension des principes d’accessibilité, de grille et de Gestalt. » L’enseignant a aussi salué les wireframes et le moodboard.

    • 6/6en UX
    • 5,4/6en UI
  • Livré

    Un prototype Figma cliquable, testé par cinq personnes et amélioré grâce à leurs retours.

Ce que j’en retiens

Cinq testeurs ont suffi à révéler des frictions que nous ne voyions plus : chacune est devenue une occasion d’améliorer l’expérience. Le retour de l’enseignant m’a aussi appris qu’un prototype se finalise jusque dans les détails, comme les faux textes ou la taille des éléments à toucher.

Un projet en tête ?

Décrivez-le en quelques lignes : nous verrons ensemble comment le concrétiser.

Me contacter