All work

Academic project · 2026

OceanSight

11 million tonnes of plastic end up in the sea every year, and those who come across it don’t know who to tell. We designed OceanSight: a mobile app to report it and join clean-up missions.

In collaboration with Luca Leone and Romain Blanchard

Setting
UX/UI course, HEIG-VD
Duration
About one semester
Team
3 students
My role
UX/UI design
OceanSight, UX/UI design

In brief

Challenge

Start from a UN Sustainable Development Goal, then design a mobile app that addresses it, all the way to a clickable prototype.

What I did

There were three of us and we did everything together, from user research to the Figma prototype and its testing.

Result

  • 6/6in UX

Context

Setting

UX/UI course, second year of the Media Engineering bachelor at HEIG-VD, in two parts graded separately: UX, then UI.

Starting point

Among the UN goals, we chose life below water, where 6,500 species are threatened. Part of the pollution is invisible: ghost nets, abandoned at sea, keep fishing for years. We wanted to give people at sea a way to act against this pollution.

Constraints

The course brief set the starting point and the deliverable:

  • start from one of the UN Sustainable Development Goals (SDGs), chosen by the group;
  • deliver a clickable mobile app prototype.

How might we simplify the reporting of abandoned fishing nets and floating plastic islands to reduce pollution at sea?

Our How Might We statement (translated from French)

Process

  1. Choosing the SDG
  2. Research
  3. Personas
  4. How Might We
  5. Ideation
  6. User flow
  7. Prototype
  8. User testing

Decisions

01

Three very different audiences, one shared need

We studied a fisher, a sailor and an NGO manager. Their habits have nothing in common, but all of them come across litter without knowing who to report it to, or how.

The three personas: fisher, sailor, NGO manager

02

An app open to everyone, rather than a tool for fishers only

We dropped an eco-score for fishers and a tool predicting where litter builds up. With our app, anyone at sea can report litter or join a mission.

The OceanSight “Join us” welcome screen, open to everyone

03

Missions on a map, or in a list to filter

On the map, everyone spots the missions near them. The list, with filters by country, type of litter, trapped species or difficulty, is for comparing before signing up.

The mission map and the list with its filters

04

An always-visible button to report litter

On the map, a “+” button opens the reporting form. Each report alerts other people at sea and creates geolocated data, useful to NGOs and research.

The reporting form and its confirmation

05

Showing everyone the real impact of their missions

The profile counts missions completed, kilos of plastic recovered and species saved, with badges to collect. Reports present every species set free.

The profile with its statistics and badges, and the saved species

User testing

Five people tested the prototype. Their feedback revealed five pain points, from navigating the map to viewing photos. We had time left: we fixed four of them directly in the prototype, and left the last one for development.

Deliverables

Finding a mission

The “Join us” welcome screen, with log in and sign up
Welcome
The mission map, with search, filters and the “+” button
Mission map
The mission list, with litter type, location and date
Mission list

From mission to report

Mission details, with the “Take Mission” and “See Location” buttons
Mission details
The list of mission reports
Reports
A report preview, with species and photos
Report preview

Species and photos

Species saved during a mission: seahorse, turtle, catfish
Saved species
A mission’s photo gallery
Gallery
A full-size photo, with arrows to move to the next one
Full-size photo

Tracking your impact

The profile: badges and completed missions
Profile
The user’s list of missions
My missions
The Settings page: account, payment, notifications, privacy, FAQ, support and account deletion
Settings

Result

Overall, this is a very good project, serious and well executed. Congratulations.

Teacher’s feedback (translated from French)
  • Assessment

    “The design system is solid and shows a good understanding of accessibility, grid and Gestalt principles.” The teacher also praised the wireframes and moodboard. (Translated from French.)

    • 6/6in UX
    • 5.4/6in UI
  • Delivered

    A clickable Figma prototype, tested by five people and improved thanks to their feedback.

What I learned

Five testers were enough to reveal frictions we no longer saw: each one became a chance to improve the experience. The teacher’s feedback also taught me that a prototype has to be finished down to the details, like placeholder text or the size of tap targets.

Got a project in mind?

Describe it in a few lines and we’ll work out together how to make it happen.

Get in touch