top of page
mockup todos.jpg

The app to report endangered
aquatic animals 

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

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

kaue-oliveira-app-icon3.png

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

Design process

hand with heart yellow
Empathize

User research

Competitive analysis

Search user yellow icon
Define

Personas

Pain points and opportunities

head-lightbulb image
Ideate

Crazy eights

Information Architecture

Tree- test

Wireframe

gesture-double-tap yellow icon
Prototype

Low-fidelity prototype

High-fidelity prototype

screen.jpg
Validate

Usability test

Iterations

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.

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.

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.

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.

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

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

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

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. 

Consult  the complete identification process and empathy  here.

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 data round
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 like a computer screen
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
Design

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

Image by Microsoft 365
Goal

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

straightforwardness.

Check the complete competitive analysis here.

Ideation

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 2
ideation process paper wireframe
cellphone-settings.png

Minimalist interface with no more than 4 actions each time.

traffic-light.png

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

pencil-plus.png

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

microphone-settings.png

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

Low fidelity prototype

kaue-oliveira-wireframe-app1.png
kaue-oliveira-wireframe121 copia.jpg
kaue-oliveira-wireframe-app3.png
kaue-oliveira-wireframe-app4.png
kaue-oliveira-wireframe-app5.png
eu vi wireframe home
specific animal wireframe desktop eu vi
details wireframe desktop
eu vi wireframe desktop manatee
animal wireframe desltop euvi
wireframe-desktop eu vi image detail other

Usability test

Unmoderated study with Maze and  optimal workshop

Flows of prototypes tested with thirteen users, performing tasks and recording and analysing the results to iterate and improve the product.

1

Focus on the main function: Inform about animals at risk with an app and web easy to use like yes or no question with images. 

Avoid skipping questions options and a map 

necessity.

 

2

Automatized data results at the dashboard with case statistics and results and download and share option.

3

Inform about the weather in the home screen.Tips how to  deal with an wild animal on the beach, river or lagoon.

Next steps

1

Add more support to adapted bike users.

2

Add more details about safety road advice.

Read detailed case study here.

bottom of page