Gamification in a Banking App

Game screens: the journey map across 11 cities on three platforms
A game journey across 11 cities: the user guides the mascot, Cardman, toward PrivatLand by performing real banking actions.

Role: Product Designer (Service Blueprint, IA, tech sync, interface design)

Team: Design Lead, Product Designer, 2×Graphic Designer, UX Writer

Platform: Web · iOS · Android

Timeline: 2 months

Context

People open a banking app to get something done: check the balance, transfer money, pay for a service. The bank wanted to raise engagement: bring users back to Privat24 more often and nudge them to explore its services (payments, transfers, purchases on the Mastercard card). The tool of choice was gamification. For the bank, this was already the fourth game.

The main challenge: the starting conditions and the tight timeline. We had to design and launch on three platforms at once, with different teams and a partner involved. Before development began, there was no single picture: what we were building, what objects the system consisted of, and how everything connected. Everything was done on the fly, without analytics, without a series of tests and iterations, without hypotheses. Given the size of the audience and the novelty of the mechanics, this was risky. That is what set the project apart from the others, where anything can be fixed later. There was no room for error, and that is exactly what made it interesting.

Approach

I designed the quest's entire information architecture top-down, in layers. Each new layer grew out of the previous one. First we assembled the overall structure of the quest from the teams' scattered ideas and JTBD notes: a single picture of what entities and objects exist in the system, what functions they have, and what we are building in the first place. The result was a solid OOUX (Object-Oriented UX) scheme. I built the architecture with room to spare for reuse and for changing the mechanics and the setting.

Initial information architecture of the quest
The initial information architecture for the whole quest. Built in live sessions, it connected the teams from three platforms and the partner. The project is under NDA

The key technique: I built the IA live. In general and technical meetings I asked questions, captured the answers on the spot, and extended the architecture right in front of everyone. The blueprint wasn't created in a vacuum; it took shape as a picture everyone had agreed on.

As the next step, I tried mapping functional spaces onto the architecture, identifying the system's objects, their relationships, and their actions, and that exposed hidden dependencies before development even started.

Functional spaces: the system's objects, their relationships, and their actions
Functional spaces: the system's objects, their relationships, and their actions. The navigation grew out of this. The project is under NDA

From the objects and relationships I built the navigation, with the journey map as the central hub. After that it became clear how the flow breaks down into screens and how navigation through the service would work.

Quest navigation design
The density of interactions and mechanics demanded the right navigation, so the user could intuitively tell what was where. The project is under NDA

Once I had an antifragile skeleton, I moved straight to design and prototyping. Thanks to this sequence, we reached the screens without structural rework: each layer rested on a proven one below it. For the rest of the project, I stayed the link between development and the business.

Final navigation: the map as the central hub
From the rough structure to the final navigation: the map as the central hub, branching out into cities, tasks, prize draws, and the rewards statement. The project is under NDA

There were many constraints. One example: the game map was a 4000×4000 raster. To avoid crashing low-end devices, I derived a scaling formula based on screen width; the cities were served as separate @4x assets, and the path as a vector, so the coordinates could be bound programmatically. At the time, smooth frame-by-frame animation was tricky. I made the movement discrete, based on anchor points: the path between cities is split into fixed segments (10 km per point, and 100 points add up to 1,000 km to the finish), and the frontend animates the transition linearly. Progress, meanwhile, ripens in the background: if an action happened offline, the next time the user logs in, the interface elegantly plays out the new kilometers. This way, the technical limits became part of the game mechanics rather than a compromise.

Solution

The player guides the bank's mascot, Cardman, toward the fairy-tale PrivatLand across 11 cities by completing tasks: real actions in the app and purchases on the card. Tasks earn in-game kilometers: the more kilometers, the closer to the goal. As you progress, you unlock cash rewards and prize draws (gift certificates, electronics); the grand prize is an Audi Q3.

The core loop has three steps: engage (story, plot, gifts) → complete a task (real action → resource) → reach a reward point (a prize and momentum to keep going).

The journey map and the city screens: the central hub of the game.

Three product decisions set this quest apart from the bank's previous games, and I had to reflect each one correctly in the architecture and navigation. First, tasks no longer ran strictly in order; you could complete them in any sequence. Of the 21 tasks, some were open right away, while the rest unlocked along the way and kept interest up throughout the campaign. Second, every participant got a guaranteed benefit: cashback for the kilometers they earned. Finally, for the grand prize draw you did not even have to finish the quest: what mattered was reaching the required number of kilometers. That lowered the barrier to entry.

Tasks and progress: behind every task is a real banking action.
Prize draws and rewards in the game
Prize draws and rewards unlock as you advance across the map.

Impact

The service was designed, built, and launched across all three platforms in 8 weeks, and it ran for another 7 weeks after launch. Engagement was strong: very high retention and almost full conversion to completion. Most of those who started reached the end. The quest became the bank's most successful gamification by number of participants and by engagement.

3M+
participants out of 14M
+25%
transaction activity
977k+
completions of the top task
25,000
reached the grand prize

Based on materials from AIN.UA link

Takeaways

The project was incredibly dense: at the peak, up to 25 meetings a day. In the early phase, I ran some of the meetings as a business analyst: describing the product and aligning understanding between the teams, the business, and the partner. My main personal takeaway: at this scale, the value lies not so much in mockups and metrics as in the ability to assemble the big picture, keep it in focus, and be able to convey it to everyone. Building the IA live, in front of everyone, proved both engaging and faster than any after-the-fact sign-offs: the solution was born and locked in within a single conversation.

Materials under NDA