Meubank Games
Overview
We integrated redeemable gaming codes into a crypto banking app (From Mercado Bitcoin).
Details
Role: Product Designer
Client: Meubank
Duration: 6 mon, Apr 2021
Tools: Figma, Maze
Context
Meubank was a banking solution from Mercado Bitcoin. The goal was to become the first Brazilian crypto bank. It was later incorporated into the main platform, bringing its best features and concepts to the main app.
In this scenario, Meubank partnered with Level Up Games to offer gift cards and discounts for major gaming platforms such as PlayStation, Xbox, and Steam.
Details
We would consume Level Up’s APIs and display the offers directly in our app, turning it into a store.
We had seven main categories, including PlayStation, Xbox, Steam, Ubisoft, and Minecraft, and each had its own way of selling. Some offered gift cards, others subscription plans, individual games, or in-game currencies.
Organizing
So the first step was to study the offers so we could organize and categorize them. The goal was to find similarities that would allow us to use the same components, flows, and language to optimize work and maintain consistency.
Besides that, each company had its own rules on how to name certain things, where and how to display terms and conditions, how to present prices, and how to show cover images, logos, and so on.
And the final thing to organize was the information. So I studied the API to understand which pieces of information were available from each of these third parties.
For example, some included cover images, while others didn’t. Some had descriptions, some didn’t. Others included duration, quantities, currencies, and so on.
User Flow
The challenge here was that, for some companies, the user had to access a webview from Level Up Games to collect or redeem the code. Some even required game ID validation.
We already had the limited resources of a startup, so the journey wasn’t always as smooth as we wanted because of that. But this external part of the flow, which we had to integrate, was especially hard to improve.
It involved many discussions with the external team to understand the limits, rules, and possibilities. In the end, we agreed to make it a bit better by building a History page that included all purchases, validation codes, and statuses.
Unfortunately, this page never saw the light of day due to the merger with Mercado Bitcoin. But it was worth the effort.
Wireframe
Well, I already gave you a spoiler of what happened in the end, but before that, we worked hard. While we were negotiating some adjustments, we were designing wireframes to test with real gamers. This helped us gather insights and data to improve these external flows.
Results
In the end, we had a great product to add to our app. It resonated with young users attracted to gaming and crypto. Our margin wasn’t significant, but the goal was to get more people using the app, learning about, and talking about crypto.
A few months later, it was incorporated, as you read before, but much of the knowledge and several features designed here changed how the main company viewed and did business. I’ll show more of that process in another project and link it here. Spoiler: it helped simplify the complex world of buying and selling crypto.
