top of page
Tortuga marina

The app to report endangered aquatic animals

Inform the proper rescue team and help endangered aquatic animals. 

You can provide vital information such as location and quantity to help an animal in distress. The best rescue team can be found based on the information provided

mockups of different screen showing the app Eu ví. Mobiles and desktops

Role

Product Designer, I took full ownership of this case study

Tools
Figma
Maze
Usability Hub
Optimal Workshop

 

Project plan

2 weeks of discovery and ideation,

2 weeks of prototyping and testing followed by one week of final adjusts

Case summary

Product vision

Be an easy way to report sighting animals, and their condition and contact the right support team. As well as be a place to gather data about the endangered animals.

User problem

Whom should the people call when finding a lost manatee or an injured turtle? What should the lifeguard or waiters do? or what is the best action that the bathers, adults or children, can do? We don't always know the best action to take or the best rescue to call. But we realize that expert help is needed.

Outcomes

An application and a responsive web to report endangered animals and their health condition, capturing user feedback call the appropriate rescue team and be a source of information for the development of future actions.
  

Empathize

cell phone in left hand showing screen view map by app Eu ví

Design process

hand with heart yellow icon
Empathize

User research

Competitive analysis

Search user yellow icon
Define

Personas

Pain points and opportunities

head-lightbulb icon
Ideate

Crazy eights

Information Architecture

Tree- test

Wireframe

gesture-double-tap yellow icon

Prototype

Low-fidelity prototype

High-fidelity prototype

screen with star icon

Validate

Usability test

Iterations

people on the beach illustrated by Kaue Oliveira

Users research

Conducted quantitative online unmoderated survey with 13 users between 13 and 60 years old who live or often go to the beaches on the coast of 3 capitals in Brazilian northeastern.

manatee illustration by Kaue Oliveira

92%

92% of users would use a page or app to report seeing a lost, injured animal or environmental problem, 23% of users already contacted the rescue teams and the other 15% don't and 7,6% only would inform if they trust the webpage.

On the beach...

The user's initial research was from creating personas, doing remote interviews, identifying user stories and user journey maps, until defining the problem statement and understanding the competitors. Insights confirmed that the main user in northeastern Brazil will be on the beach, people who usually go for a walk, of all ages and genders, or workers such as lifeguards or waiters.

illustration just with lines with two women stand up with the feet underwater

77%

77% of respondents have seen turtles, 62% birds, 38% manatees, 31% dolphins, 8% sharks and 15% other animals. All of then injured or dead.

turtle illustration

23%

23% of users that already contacted the rescue teams informed to Environmental institute, or fire department or Biota Institute.

Define

Personas

Image by Jeremy Bishop: woman walking on the beach during sunset

is a retired woman that goes walk on the beach and would like to know what she should do because sometimes she finds harmed aquatic animals and she is alone.

Image by Peter Kellfur: lifeguard sitted and looking the ocean

is a Lifeguard that works on the beach and needs an easy and fast way to contact animal rescue because his main goal is to save humans' life and can’t take care himself the wild animals.

Image by Zeynep Gökalp: fisherman in his canoe

lives closer to the beach and goes three times a week to fish. He would like to know more about what should do if he sees an animal that is at risk of extinction. 

The complete identification process and empathy are... Read more

mobile Mockup from the splash Screen of the app eu vi: the logo yellow and a turtle on the background

Empathy map:
Pain points and opportunities

icon human and internet signal yellow colour
Internet 

Some users do not have good internet access so an app that work also offline and updates the information ASAP is connected.

icon chart-donut
Not tech

Simple interface and clear step by step with visual appeal and option to use the microphone and speaker to complete the step by step.

icon global earth minimalist
 Information

The rescue team need accurate  information about the location and animal situation. Try to do a step by step simple but detailed.

icon monitor-dashboard
Gather data

A user dashboard that they can see the statistics of the rescues and app usage without identify the user by name.

Competitive analysis

Image by Harpal Singh icons
Design

Minimalist interfaces  (colour, shape, size, etc) with clues about how it may function. 

Image by Microsoft 365: girl lying on bed with a tablet
Goal

Step-by-step decreases mental effort. Each page with limited options removes complexity increasing 

straightforwardness.

The complete competitive analysis is... Read more

Ideation

Information architecture for the Eu vi app
Tree - test results
The term “contact” was misleading the user
report flow.

Solution: change the section contact to social icons.

After defining users and analyzing related webs,
It was time to create elements, flows, interactions
and relations between pages.

Methods applied here were crazy eights, Information architecture, 

tree-test and Wireframes

"Crazy eight" and "how might we" ideation methods for mobile and desktop

ideation process paper wireframe q
ideation process mobile paper wireframe
cellphone icon

Minimalist interface with no more than 4 actions each time.

traffic-light icon

Use semaphore colours to identify if the animal is dead, harmed or alive.​

pencil-plus icon

Option to add manually local reference as ex. near to the main square.

microphone-settings icon

Accessible text size with image support, microphone inputs available to fill answers and screen reader compatibility.

Prototype

Low-fidelity prototype

wireframe home screen eu vi
wireframe screen map app Eu ví
wireframe screen what is the animal of app Eu ví
wireframe screen how the animal is? from the app Eu ví
wireframe take a photo screen from the app Eu ví
wireframe desktop home screen from the app Eu ví
specific animal wireframe desktop eu vi
details wireframe desktop app Eu ví
eu vi wireframe desktop manatee
wireframe desktop what is the animal webpage Euvi
wireframe-desktop webpage Eu ví image detail

Validate | Usability test

The main findings uncovered by the usability study

An unmoderated study to test the two main tasks: inform an animal sighting and check the general report. The research was done with 7 users between 13 years till 60 years old with the web app Maze.

1

Users were doing the wrong path. Misusage generated by confusing labels: contact and inform.

 

2

The excessive floating button on home/ map was leading to misclicks.

3

Some confusion related to check the report and notifications


High-fidelity prototype

a phone with the permission page of eu vi app
a mobile screen from euvi app showing a animals sight report
Home Screen from eu vi app showing a map
 a screen from eu vi app asking if the a manatee is live, harmed or dead.
 a screen from eu vi app with a confirmation pop-up
 a screen from eu vi app asking about more details
 a screen from eu vi app prototype showing option to user choose
 a final screen from eu vi app prototype giving thank you for the user
 a home  screen from eu vi app desktop prototype showing a turtle
 a screen from eu vi app desktop prototype asking details
 a screen from eu vi app desktop prototype  asking about what is the animal?
 a screen from eu vi app desktop prototype  asking how is the animal
 a screen from eu vi app desktop prototype asking how many animals are and the place
 a screen from eu vi app desktop prototype giving the thank you final message

Try out the prototype

I have improved the product to the final version based on test results and user feedback.

the home screen eu vi app that show endangered animal as a pin on the map as well as the button to notify
Screen from eu vi app that ask what is the animal it has different animals photos as well as turtle, manatee and 7 others

Next steps

1

Add tips on how to deal with endangered animals.

2

Inform about the weather on the home screen.

3

Gamification: given

rewards to users

bottom of page