1. The story behind PoGo
Our client came to us with an idea for an app for travelers. The main idea of the PoGo app is to explore a new city by performing quests in the app. You can take tours while answering questions, guessing famous locations, and snapping selfies.
Our task was to design an engaging iOS quest platform for various quests around the city. The client’s idea was very rough when he came to us. So we had a bunch of discussions with him, conducted thorough research on the industry, and clarified detailed requirements before starting our design.
After we finished all of this, it became clear that we should begin with an MVP (Minimum Viable Product) to test the viability of the idea and make it easier for the client to find an investor.
2. What is the PoGo app?
The PoGo travelers mobile app is designed for travelers. Imagine you come to an unfamiliar city you know little about. You don’t know what sights this city is famous for, but you want to explore the most beautiful and legendary places.
In this situation, PoGo is your best friend. With this platform for travelers, you can go on exciting quests around the city and at the same time visit the most interesting places. PoGo is both a game and an educational application.
There are six quest types depending on the places involved: shopping, sightseeing, nightlife, sports, food, and beaches. You can choose whichever you’re most interested in. To start your adventure, you need to get to the starting location of a quest. Then PoGo will notify you that a quest is available. Your goal is to unlock as many locations as possible and finish the quest.
3. Gamification and brand voice
To make the app more fun, we took into account basic gamification principles — performing tasks and getting awards, unlocking new levels, and earning achievements.
We also spiced up PoGo with the brand voice to make the app more lively and cheerful. That’s how PoGo acquired its character — a guide through the app, PoGo the monkey.
We chose a monkey as the main character because it fits perfectly with the idea of exploring the urban jungle. Moreover, we needed a character that would be simple and familiar while combining bright emotions and liveliness.
Which animal is the most curious, active, and cheerful? The first thought we had was “it’s definitely a monkey!” And so did our client. So we began to draw PoGo.
5. Logo and icon
The PoGo icon combines the main idea of the app and its name.
The first “O” represents your location in a city, the “G” reminds of a road and your journeys through a city, and the second “O” includes a QR code, which is used in certain tasks.
5.3 Logo colors
For the icon, we used the same color palette as the app to make it consistent with the theme.
6. App color palette
PoGo is full of game features, so we decided to create a warm and bright color palette for it. We chose a light, warm beige as our basic color and brightened it up with juicy interface elements.
When creating wireframes for PoGo, we were inspired by both Foursquare and Swarm. Foursquare gave us our idea for the UI, and Swarm served as a good example of how gamification should be implemented.
The biggest challenge in creating wireframes was to make the app fun and simple while harmoniously fitting monetization elements (coins and energy) and a lot of quest information.
8. Visual design
8.1 Available quests
The screen with available quests is the main screen in the app. This is where PoGo defines a user’s location and shows all available quests in a city. For each quest type, we created an icon that shows what the game will be about: shopping, sightseeing, nightlife, sports, food, or beaches.
On the top of the screen, the user sees a status bar and their profile icon. If the user taps this icon, a detailed profile opens.
You can look for available quests on the map or in a list, with the map view shown by default.
8.2 Chosen quest
The next screen is an expanded quest card where the user starts his or her journey. There are three types of tasks in the app: trivia challenges (when the user is asked questions), photo challenges (when the user needs to take a photo or selfie in a certain place), and video challenges (when the user needs to shoot a video).
8.3 Finished quest
After all tasks are done, the user sees a splash screen with congratulations and awards such as earned coins and energy or a new level unlocked.
UX Design Alla Kupriianova
UI Design and Illustrations Dasha Ermolova
Project management Kate Kaminskaya