Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Introduction
There are a lot of ways to help those in need. However, not a lot of people are able to do it. Firstly, they may not have the time or the energy to do a volunteer work. Now you may think, “Why don’t they just donate some money?” Well, it sounds easy, but you may think twice before doing it because when you’re about to spend that $1 spare from a $3 coffee, this will come in mind “If I save the same amount of money, two more times, then I’ll be able to get another cup of coffee.” Now, what if there’s a fun and easy way to give back?
Thropia: About the App
2
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
What’s Thropia?
Thropia is an app that will help you give back to those in need without spending a dime. This app allows you to have fun, and be a better a person! All you need to do is playing any game you want—from quiz to mini games or even research games—and collect points that you can donate to a non-profit organization of your choice.
Thropia: About the App
3
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Competitors
The competitors of this app would be... 1. Game apps: QuizUp and Trivia Crack 2. Charity apps: Instead, Charity Miles, One Today
The cons of the apps are both, focused on quiz game. QuizUp is slightly better thatn Trivia Crack because it has a lot of categories that the user can choose from— serious topics to fun topics. The cons of Instead and One Today are making the user spend money to donate, and for Charity Miles, the users need to work out before actually getting some cents for donation.
Thropia: About the App
4
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Goal and Functions
GOAL
HOW?
The goal is to make “what you do in your freetime” counts.
By spending your time to do something by just staying in your place, anywhere and anytime. This app will give you options on the game you want to play, (Quiz, Mini, and Research) which will earn you points that you can spend on an organization of your choice. This app will also help you choose which organization really needs your help—giving you an idea of what’s going on around you— as well as providing information of the organization.
Thropia: About the App
5
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Moodboard
Thropia: About the App
6
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Site Map App
Games
Profile
Donate
Quiz
Profile
Organization 1
Categories
Donations History
Donate
News
News 1
News 2
Statistics Mini Games
Options
Notifications
App Settings
Challenge
Sounds
Push notifs Organization 2
Message
Settings
Donate
News 3
News 4
Acc Settings
Edit Profile Research Games Options
Edit Profile Organization 3
News 5 Privacy
Games History
Donate Password
Followers Other Settings Following About
Log out
Thropia: About the App
7
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Element Collage
COLOR PALETTE
ICONOGRAPHY
BUTTONS TYPOGRAPHY
Gotham Book
Play
+ F ollo w
Gotham Medium Gotham Bold A BC D E F GHIJKL MN OP QRS T UVW XY Z a b c d e f g hi j kl m no p q r s t u v w xy z
STATISTIC
wins
75%
loses
25%
Thropia: About the App
8
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Mobile App OPENING SCREEN
New user Existing user
Thropia: Mobile App
9
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
The points you got from playing the games
LANDING SCREEN / GAMES PAGE
Navigation Quick stats of user’s performance
Game options The size of the bubbles are determined by how often you play it. When you click the bubble, it will expand and give you some categories/ type of games to choose from.
Thropia: Mobile App
10
Nathania Frandinata
Visual Systems 1
Score Red = Losing Green = Winning
The Time in Seconds
Bot or The Opponent
Instructor: Megumi Kiyama
Wrong Answer
Right Answer
QUIZ GAME
The Challenger
Question
Answer Options
Thropia: Mobile App
11
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
The Score
MINI GAME
The Time The Current Level
Pause Button To pause/ quit the game.
Connect the Colors For this game, the user needs to connect the colors by tapping and dragging the line.
Thropia: Mobile App
12
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
NAVIGATION
Profile
Games page List of Organization News page List of Organization Notifications
Alert If there’s a new notification e.g. challenge from a friend, you’ve been defeated or won the game.
Thropia: Mobile App
13
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Edit Profile To change user’s name, infos, profile picture or the cover photo.
USER’S PROFILE
User’s Username Cover Photo User’s Info Bar If the “games” is clicked it will show the games history. If the “followers” is clicked it will go to the followers page — same goes with the “following.”
User’s Level
Organizations that the user’s donated
Thropia: Mobile App
14
Nathania Frandinata
FOLLOWERS PAGE ANDFRIEND’S PROFILE
Visual Systems 1
Instructor: Megumi Kiyama
Search
Message
Quiz Challenge Button
Quick search news or friend by name or username.
Slider showing list of messages
If clicked, the user get to choose what category they will be playing.
Thropia: Mobile App
15
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Search Bar
Back Button
Search for keyword or username
Back to list of messages
Username of the person you’re chatting
MESSAGING PAGE
Thropia: Mobile App
16
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
NEWS PAGE AND SETTINGS
News from organizations Showing the logo of the organization that posted the news, dates and headings. The logo of the organization is shown to let the user knows which organization they would want to help. If clicked, it will show the summary of the news. If they want to know more, there will be a link that will redirect them to the website.
Thropia: Mobile App
17
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Read More Button Will give the detailed’s information by redirecting the user to the website
DONATE PAGE
List of Organizations The bubbles will move around. If clicked, it will give the information of the organization and donation paragaph where the user can spend their points, as well as donate real money through their payment accounts, such as paypal.
Thropia: Mobile App
18
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
Website HOME PAGE
Thropia: The Website
19
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
GAMES PAGE
Thropia: The Website
20
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
GAMES PAGE (EXPANDED)
Thropia: The Website
21
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
NEWS PAGE
Thropia: The Website
22
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
ORGANIZATIONS PAGE
Thropia: The Website
23
Nathania Frandinata
Visual Systems 1
Instructor: Megumi Kiyama
ORGANIZATION
Thropia: The Website
24