Access with your computer or tablet for a better experience
METU Odyssey
METU Nature App
Metu Odyssey is a mobile game that aims to teach users about the nature and creatures of Metu in a fun way.
Year
2023
Role
Product Designer
Live Location
Nature Exploring Game
Third Person View
Explore METU Nature
with Us
Complete the Mini Game
Go to Icon
Unlock Achievements
Be Careful with Your
Energy
Earn Points
Click and Reach the Game Menu
CHRISTMAS
My Avatar
Your profile
Check your friends achi
evements
Adjust Your Avatar
It was aimed to convey METU nature to users in a better way by making a game design. The main purpose of the game is to teach users about the determined creatures on campus by visiting METU nature. As users approach the probable locations of the creatures, icons can appear on the screen according to the creature type. If users can successfully complete random mini-games, they will be able to get that creature as an achievement.
Purpose of the Project
The information architecture of Metu Odyssey is designed to support an immersive and educational user experience that seamlessly integrates exploration with interactive gameplay. The goal is to provide users with clear navigation, intuitive interactions, and a logical flow that enhances their journey through METU’s rich natural environment.
Information Architecture
Metu Odyssey's interface screens were designed to make it easier for users to explore METU's natural life and interact with creatures. It was tried to reflect to users that this application is both a game-playing and informative application.
Wireframes
The onboarding screens of the Metu Odyssey application were designed to introduce new users to the concept of the game and encourage them to explore. These pages aimed to make users discover METU's natural life, feel the fun and competitive side of the game, and feel the environmental benefits of the game.
Onboarding Screens
The center of the screen features an avatar representing the user, showing the user’s current location on the map, surrounded by various iconic symbols that can be discovered throughout the campus. These symbols represent creatures or information points in the user’s immediate vicinity, with each symbol referring to a specific type of creature or plant.
The top of the home screen displays information about the user, such as their energy level, points collected, and in-game currency. These elements make it easy for the user to track their in-game progress.
Main Screen
On the bottom left, there is a home icon where you can click on it to see your friends' in-game interactions. On the bottom right, there is a profile icon where you can click on it to make some adjustments and see some information. By clicking on the icon in the center, you can access other features in the game such as the market, achievements, etc.
When the user approaches the probable location of the animals in the game, they must click on the icon that appears on the screen and successfully pass the mini-game that appears randomly in the game in order to win that animal.
Catching a creature
On the Achievement page, the user can view the animals they have and have not achieved and access their information. On the Leaderboard page, users can view who has caught the most animals and collected the most points monthly.
Achievement and Leaderboard
The location of the natural areas that must be seen related to METU is displayed on the route screen and when you click on the location, the route directs you to that location.
Route
On the profile page, users can access information such as their level, the number of achievements, and which routes they have visited. On the My Avatar page, they can customize their avatars with clothes purchased from the market.
Profile Page and My Avatar
In the in-game market, users can earn coins by completing certain tasks, and with these coins they can buy clothes to personalize their avatars. On the Energy Trade page, users can exchange the points they earn for energy, which gives them the chance to earn more points.
Market and Energy Trade
Metu Odyssey’s design system has been carefully crafted to ensure a user-centric experience and visual cohesion. This design system allows users to easily navigate through all screens within the app, while also allowing developers and designers to maintain visual consistency when adding new features.
Design System
Typogrophy
Buttons
Icons
Color Palette
Typogrophy
Buttons
Icons
Color Palette
METU
ODYSSEY
Click to see final prototype
Copyright © 2024
Fatih Eren Yalçın
Portfolio 2024
User Persona
