phone, laptop and tablet mockup

Don't go extinct

An app and a site to save endangered species

Overview

Don’t go extinct is a site and an app that helps educate and inform people about endangered species and all the ways that we can help. The site also has an application with more engagement and action: people can do quests and set goals,objectives to help endangered species survive

The challenge

In our developed, developing and rushing world more and more species get closer to extinction. Many of the reasons can be reversed if people would be more conscious and educated about the world around them. Currently there is only a few organization worldwide that take serious steps to tackle the problem with more education and little engagement

The solution

The goal of the project is to create a platform where people can learn not just about endangered species, but all the ways that we can help to solve this crisis by changing little things in our everyday life, or our travel style. To make this more appealing, the platform, especially tha application should also engage people to keep them active.

Time scope

March - 2022

Tools

Adobe XD logoAdobe photoshop logo

Roles

  • UX research
  • UX Design
  • Wireframing
  • Prototyping
  • Usability testing

The design process

Empathize & understand the customer

User research

To understand the motivations and the pain points of people, I conducted an interview and also a survey.

Through the interviews I wanted to find out how people feel about endangered species and what are their motivations when it comes to saving them. I also wanted to understand what are those things that keeps them away from helping.

Through the survey I wanted to ask many people what information are they interested in and what activities would they see in a site like this.

From the research I realized that people are undereducated in this topic and sometimes they do not even know what they would like to know or what would be interesting for them.

Pain points

  1. Uneducation: About 90% of the asked people were undereducated about endangered species due to lack of information they recieve during their childhood and in schools.
  2. No dedication: Many respondents stated that the are not dedicated enough to prioritize this issue and they have a lack of motivation
  3. Access to information: People stated that they do not know where to look for information or it takes too much time to look for information as they are not easily accessible
User persona - a traveller photographer

Creating personas and problem statements

After the research and interviews I got a good picture about the potential users and their diversity. To be able to further empathize, I created several user personas and problem statements. The above photo is one example of the personas.

The problem statement: 

Brian is a photographer who travels a lot, and needs a platform where he can easily find information about all the ways he can help to save species close to extinction because he wants to do something against the current state of the planet

Define the problem and coming up with solutions

Creating empathy maps

As there are many types of people who would be interested in saving species in their everyday life and during there travels, I created several emphathy maps to understand more what kind of people would use the app and the site and what would be there thoughts and feelings

Defining the information and the features for the site and for the application

Because people have little information about endangered species I planned to create an informative site with full of resources, especially for children, so teachers can use them.

On the other hand, people want to have information in their pocket and because using a mobile phone is cruicial part of our lives, I decided to create an app with instant information and engaging activities to keep people active.

Sitemap for the informative website with full off resources

Ideation & design

Paper wireframes to digital wireframes to lo-fi prototypes

First, I needed some ideas how to achieve the goal of the project and I spent a relatively good amount of time brainstorming and finding the best solution. During the ideation phase I used method such as the Crazy eights and ‘How might We’. It gave me some ideas that can be implemented to the project and engage people.

After that, I created the paper and digital wireframes for both the app and the website. Based on the facts that people are interested in information about endangered species and are willing to dedicate time to save them while travelling, a travel-friendly page was created with local informations. A nav bar provides easy navigation between these information. Please see some photos below.

Usability test, iterations  

During the usability test, I found many-many things in the app that should be changed, therefore I had to iterare my designs multiple times.

Some things that needed to be changed:

  • Labels: Most people indicated that the labels are not intuitive and not clear enough
  • Finding quests in the app: More than half of the people had trouble finding quests and said that it should be more clear where to find them
  • Outlines and button sizes: Some testers complained about messy outline and small button sizes
low-fi wireframes

Hi-fi desing & usability testing

Turning low-fidelity protoype into good looking mockups

After I iterated the screens of the low-fi prototype, it was time to make them look appealing and real. As usual, my first step was to create a design system what I follow throughout my work.

Design system - colours, typography, icons and buttons

Mockups

onboarding screen mockuplocal news screen mockupanimal page mockup

Responsiveness - designing for mobile and web

Laptop mockup - home pageResponsive site - phone mockup

Results & take-aways

Laptop, large screen, tablet and phone responsive mockups

thanks for reading this case study!