Designing With Web
Part 3 · Phase 1: Prototype

---

How to fill in this document?
Simply edit the index.html file and fill in everything that has the .todo class. You can remove the class bit by bit afterwards to make sure you're not missing anything (every missing bit will be colored).

By the way, "lorem ipsum" is just a dummy text used for text placeholders and testing layouts. You can learn more about it on loremipsum.io.

Group 11

Our group

• Zhuoran LIU: https://animal-protection.glitch.me
• Manal OUAFIQ: https://a3-design.glitch.me/
• Liya MA: https://liya-ma-dmds-assign3.glitch.me/
• Isabell ALTMANN: https://protect-wildlife.glitch.me/
• Antoine CLERGET: https://antoine-clerget-assignment3.glitch.me/

Our subject

Our subject is Fight against the traffic of protected animal species.
It comes from the United Nations' Sustainable Development Goal number 15, which is entitled "Life on Land".

Our research question

The research question we have formulated together is "How can we raise awareness among citizens about illegal wildlife trafficking through the use of a recreational / playful app ? ". The two projects ideas below try to answer that question.

---

Project 1 · Into the Wild

Context

The value of wildlife crime is up to $23 billion a year. These crimes are threatening tens of thousands of species around the world, causing extinctions, hurting people and spreading diseases.

There are gaps to be filled especially regarding regulation, enforcement, knowledge and engagement. Awareness and education are key factors for addressing wildlife trafficking.

We want to design a project to raise social awareness starting by educating children. The earlier this education starts, the better. While children are using the app, their parents will also be informed and eventually be involved.

Target + persona

Children between 6 and 12 years.

Service offered

How: through flashcards and interactive games
What: enables the users to familiarize with the protected animals, to raise awareness about them, in order to prevent endangered animal trafficking in the long term.

Features + user flow

Features

• Feature 1 (key feature): play forest ranger role playing/wild life rescue game
• Feature 2: play animal flash card game
• Feature 3: play animal link link game
• Feature 4: play animal shadow game
• ...

User flow

• Initial situation: The user opens the app Into the Wild, starts on homepage.
• Step 1: From the homepage, the user logs in with her/his account, and enters into game gallery page.
• Step 2: From game gallery page, the user selects and clicks on a game.
• Step 3: From game's homepage, the user clicks on restore game archive.
• Step 4: From game archive page, the user clicks on start game.
• Step 5: From start game page, the user reads a character story or backgroud story.
• Step 6: From story page, the user clicks on record game results.
• Step 7: From game result page, the user clicks on read new unlocked stories.
• Step 8: From read new unlocked stories pages, the user clicks on record game results.
• Final situation: The user quits the App.

User Flow: Into the Wild

Illustrations

Benchmark

• WWF together
WWF Together takes users closer than they ever thought to magnificent and endangered animals, allowing you to learn about their lives and the work that animal defenders perform for them.


• Wild life rescue
Animal Rescue is a one-of-a-kind game in which you take on the role of a field rescuer-vet. In this simulator, users may interact with wild creatures, enjoy diversified and beautiful scenery, and take fascinating missions .

References

Reference article link:
• Game For Your World
  WWF UK has launched a fundraising campaign called Game For Your World. The main idea of the campaign is to contribute to the world you live in by participating in the game. Participants can play a gorilla or a tiger twitch-er whilst raising money in the fight for our world.
• WWF Together
  WWF Together is an app that teaches about 16 endangered species in a playful way. There are several interactive ways such as racing or taking selfies with the aforementioned species.
• Wild Life Rescue
  This is another app, in which the user can take on a role to save animals. Photos of new animals can be taken and collected.
• Cites Trade Data Dashboard
  The CITES Trade Data Dashboards provide a new, interactive, and dynamic view of the trade data submitted by CITES Parties in their annual reports to the Convention. The Global dashboard shows global trade trends, whereas the National dashboard displays data by country.

---

Project 2 · Zoology

Context

Wildlife trade is a lucrative business. According to the UN the annual value of illegal wildlife trade is estimated to be worth USD 7-23 billion. Key species are turtles, tigers, rhinos, elephants, pangolins and hornbills. Not only does wildlife trafficking drive those species to near extinction but it also alters the livelihoods in certain communities.
Despite the vast consequences of wildlife trade, the demand and supply remains high, especially for ivory. The emergence of e-commerce has only accelerated wildlife trafficking. Often customers cannot tell an imitation and a real wildlife product apart when browsing online. In recent years tech companies have been actively removing listings for prohibited wildlife and products.

There is a serious lack of awareness around wildlife trafficking, as well as other ways in which citizens can be involved to tackle illegal wildlife trafficking.

Target + persona

The Zoology wildlife app is intended for users who travel, especially to countries such as Africa and South-East Asia. These are the main hot spot areas for illegal wildlife trafficking. Children and adolescents alike can use the app. There is no age limit.

Service offered

What: Zoology is an application focusing on tourists of any age (teenagers to Gen X) who travel to countries, where they are able to discover new natural environments and local species such as in South-East Asia and West Africa. Locals and anyone else owning a smartphone can use the app too. They are tech-savvy but can’t find a user-friendly app to use and more importantly they are not able to recognize if they are in the presence of endangered species.
The objective is to incentivize people to take pictures of any species they encounter without specifically thinking it’s part of an illegal traffic and share them with us via the app.

How: It will be similar to a game for them where the main goal is to take as many animals’ pictures as possible. By doing so, they gain points which will allow them to receive awards related to animal protection causes. Furthermore, the app will create a library of species and analyze each picture to detect anything suspicious. Tourists will also be able to report if they see a suspicious event.

Features + user flow

Features

• Feature 1 (key feature): Identifying species with image recognition and the AI enhanced database.
• Feature 2: Take photos with the app after logging in.
• Feature 3: The photos get uploaded to the profile and to the global database.
• Feature 4: Report suspicious activities in the app.
• Feature 5: Fill out a form under the report section.
• Feature 6: Manage and filter public libraries.
• Feature 7: Manage and filter own libraries.
• Feature 8: Collect rewards.
• Feature 9: Check visited countries on the map.
• ...

User flow

• Initial situation: Welcome page
• Step 1a: Log in via Google / Apple / Facebook or username
• Step 1b: Sign up
• Step 2: Main Page: Map
• Step 3: Camera: Take Picture or Upload picture
• Step 4: Animal Description
• Step 5: Report Tool
• Step 6: Profile
• Step 7: Rewards
• Step 8: Library
• Final situation: Quit the app

User Flow Zoology

Illustrations

Benchmark

• Wildlife Sentinel
  Wildlife Sentinel is an app to help staff at airports, airlines, and other aviation companies report suspected wildlife trafficking and corruption. Released by Crime Stoppers International, the app is already being used by aviation personnel with many reports providing indicators of wildlife crime.
• WildScan
  “WildScan is a comprehensive species identification and response mobile application designed to combat wildlife trafficking. The application is designed to help front-line enforcement agencies, wildlife conservation officers, and the general public correctly identify, report and handle marine, freshwater and terrestrial animals caught in illegal wildlife trade. WildScan places critical information on endangered species at the fingertips of those who need it most and provides a tool to report wildlife crime. WildScan contains a comprehensive species library with more than 250 endangered animals commonly smuggled into and throughout Southeast Asia, a global hotspot for wildlife trafficking.“ - Google play description
  Metrics :
  - More than 1K downloads
  - 3,5 / 6 rating on google play
  - release date : 2019
  - Free app

References

• Wildlife Sentinel
  Cf. in the Benchmark section
• Tech companies remove or block 11.6 million listings for prohibited wildlife and products
  The promotion of illegal wildlife products on social media drives the demand for it. Due to increased availability of wildlife online companies take down listings for prohibited wildlife as consequence. It is just one measurement against the illegal wildlife trafficking. More effort globally needs to be made.
• Saving elephants in a digital world
  Advances in technology and connectivity across the world have made it easier for poachers and dealers to supply their customers with illegal goods. Nowadays there are Wildlife Cyber Spotters, whose task is to spot prohibited and suspicious products online and remove them. This is a very time-consuming task.
• Mircosoft's SEEKER
  Makes it more difficult for traffickers to transport, finance or profit from illegal wildlife products. A multispecies AI is used to scan luggage and cargos and automatic alert enforcement agencies upon detection of illegal wildlife.
• Routes Dashboard
  It generates data to facilitate monitoring and assessment as part of the change indicators throughout time, as well as to assist industry leaders in understanding risks and opportunities of