Fairy Tracker

Role

UX, UI, Coding, Branding

Timeline

2020. 09 - 2020. 12

This project HTML mobile written by HTML, javascript, and CSS, feel free to try this app and record the fairy you found!

ABOUT

This is a mobile coding project about tracking Fairies. Users can record and edit the fairies they found, and track their position in the maps. All the pages were coded by myself.

Access and try Fairy Tracker

Intro

Background Story

A long long time ago, there were lots of different fairies living around each corner of the world, but people kept catching and imprisoning them because people were eager to take advantage of the power of fairies. Fairies cast magic on humans, humans can't see fairies anymore.

Intro

Statement of Intent

One day, a kid named Nick found out a green fairy was wandering on the sky, and his friend also can see it. There was an idea that came out: "We should understand and record those fairies!"

Design

Moodboard

Design

Color Palette

Work Flow Chart

Wireframes

Prototypes

Coding

MORE PROJECTS

Academy Lobby

Learn more

Paintbox

Learn more