/ 5 mins 2026

Launching the first
Digital Card in m10

m10 is an Azerbaijani e‑wallet with 700K MAU. The app lets users transfer money and pay for services and purchases with a QR code. But payment options are limited: you can’t use the wallet offline or abroad, in‑store payments work only at partner merchants, and online purchases aren’t available.

Goal

Design and launch the first m10 digital card to remove these limitations and give users more freedom in how they pay.

My role

I designed the key user flows—from getting the card to managing it in the app. Together with a UX researcher, I tested early concepts, worked with the creative team on the visual concept, and helped prepare the launch.

01 / Design and research

At the start, we defined the scope of the first version and the security requirements. Since the card was issued only in digital form and linked to the existing wallet, we didn’t need separate application forms, delivery, or a visit to the bank.

This let us cut issuance down to a few steps, so users could get the card quickly and start using it right away.

Card issuance flow: Activation → PIN → Done, 2 min

I researched how other financial apps solve this and built the first prototype of the activation flow and the card management screen.

Figma prototype: flows from an inactive card and adding it to the wallet to managing the card

Together with the UX researcher, we tested the flow with users and found several problems…

People didn’t fully understand the value of a digital card: they didn’t know where they could pay with it or what new possibilities it opened up. They also had questions about how the shared balance with the wallet worked and how safe the card was to use.

The first activation screen, “Activate your free digital card,” and a user’s reaction in testing: “Sure, but why?”

Based on the test results, we moved the key benefits onto the activation screen.

We also added a separate in‑app landing page with detailed information about the card.
This kept issuance short while giving more information to those who needed it.

02 / Emotional design

Alongside the UX work, we explored a visual concept for the card together with the creative team. We wanted to give the product more personality and make interacting with it more emotional. That’s how the card character came about, with its own set of emotions and animations.

Instead of the usual “Activate card,” we suggested waking it up: before issuance the card sleeps , wakes up once it’s issued, and changes its expression from time to time on the card screen.

03 / Integration and launch

We placed the card on the home screen next to the wallet so users would notice the new feature sooner and see its connection to the shared balance.

We also designed a custom transition animation into the card screen to make interacting with the card more fun.

To introduce the new product to our audience, we prepared communications for different user segments together with the marketing team.

I also built a landing page on Webflow , where people could learn more about the card and its features.

Digital m10card landing page on Webflow: “Digital m10card is ready!” and a Get your card button

Results

In the first two weeks after launch:

We hit our target of 50,000 cards a month in less than two weeks.

And here’s our team celebrating the first results .

The team on a video call after launch