Shop, battle pass and offers: designing monetisation players do not resent

The shop is a storefront

Players compare your shop to every other shop they use, most of which are real retail apps with teams of people working on them. That is the standard, whether or not it is fair. A shop has to answer four questions immediately, and most of the ones I review answer none of them above the fold.

1. What is this? The contents, in plain words and recognisable art, not a name only the designers understand.
2. What does it cost? In a unit the player understands, which usually means real money somewhere on screen, even when the transaction is in a game currency.
3. Why this one? What makes this item or bundle different from the one next to it. If two cards look the same, both lose.
4. What happens next? Whether they own it already, whether it is equippable now, and where it goes when they buy it.

Anatomy of a bundle card

The card is the atom of every shop. Getting it right once means the shop, the offer popup, the battle pass tier and the limited event all inherit it.

Currencies: every conversion costs you comprehension

The standard free-to-play stack has a soft currency, a hard currency, and often an event currency on top. Each layer moves the purchase further from a number the player understands, and the industry belief is that the distance helps conversion. In my experience past two layers it mostly produces abandoned carts, refund requests and reviews about being confused.

• Show the real-money price somewhere in the purchase path, even for a currency purchase. Players who feel a price was hidden do not come back to check whether it was.
• Do not sell currency in amounts that never match item prices. Leaving 40 gems stranded is a deliberate old trick, it is widely recognised now, and it reads as contempt.
• Label currencies with a shape as well as a colour, and use the same icon everywhere: HUD, shop, reward, receipt.
• Keep the balance visible on every screen that can spend it, in the same position, with a clear route to top up that does not lose the player's place.
• Show what is left after the purchase on the confirmation, not just what is being spent.

The battle pass is a progress screen that happens to sell

A pass works when the progress is legible and the next reward is visible. It fails when it becomes a wall of tiers with no sense of where the player is or what is coming.

1. Anchor on the current tier. The screen should open at the player's position, not at tier one, with the next reward in view.
2. Show both tracks clearly. Free and premium have to be visibly distinct without the free track being made to look like a punishment.
3. Make the locked premium rewards visible but calm. The pitch is what is coming, not a nag on every row.
4. Show progress in the units the player earns. "Three matches to the next tier" beats a percentage bar every time.
5. Put the buy decision at the moment of value, which is when the player can see the specific rewards they have already earned and would unlock, not on a splash screen at launch.
6. Say what happens when the season ends, plainly, before the purchase rather than after it.

The offer moment

Where and when an offer appears matters more than what the offer is. The same bundle shown at two different moments performs completely differently, and one of those moments also costs you a player.

Whatever you choose, cap the frequency and make dismissal instant. A close control that is small, delayed or in the hardest corner of the phone to reach is the pattern players screenshot for reviews, and on mobile it collides directly with the thumb map in mobile game UI design.

Dark patterns and what they actually cost

Every one of these works in the short term, which is why they persist. They are also the things that get quoted in one-star reviews, raised with platform holders and, increasingly, looked at by consumer regulators.

There is a legal dimension here that is moving quickly, particularly around in-game currencies, loot boxes, subscriptions and anything aimed at children. I design to the honest side of the line by default, and anything close to it is a question for whoever handles your compliance, not for a designer.

Pressure converts once. Clarity converts repeatedly, and it is the only one of the two that survives a review page.

The purchase flow, step by step

1. 01

   Entry

   The player arrives with intent or with curiosity. Both need the shop to open fast and to open somewhere useful, which is usually the category relevant to what they were just doing, not a generic front page.

2. 02

   Selection

   The card answers the four questions. Comparison between two cards is possible without leaving the screen. Anything already owned is unmistakably marked.

3. 03

   Confirmation

   One deliberate step that restates the item, the cost, and the balance after. Placed where an accidental double tap cannot land on it, and never styled to make cancel look like the mistake.

4. 04

   The platform sheet

   The store's own payment dialog, which you do not control, and which is where a slow or unclear preceding step causes abandonment.

5. 05

   Receipt and delivery

   Show what arrived, where it went, and offer the obvious next action: equip it, use it, open it. This is the celebration moment and it is routinely a grey toast notification.

6. 06

   Return

   Back to exactly where the player was, with the new thing visible in context. A purchase that dumps the player at the main menu makes them wonder what they bought.

Rewarded ads without the retention damage

Rewarded video is the one ad format players broadly accept, because it is a trade they chose. Everything that erodes that is a design decision.

• Always opt-in, never interruptive. The player presses a button and knows what they are getting.
• State the reward before the ad, exactly, and deliver it immediately after.
• Never place a rewarded button where a frequent action sits. An accidental ad is worse than no ad.
• Cap it and show the cap, so a player knows there are three left rather than discovering an invisible limit.
• Handle failure gracefully. No fill, a dropped connection, a video that fails to load: the reward is still owed if the player did their part.

What to measure, beyond conversion

Shop metrics get reported as conversion and revenue per user, which tell you that something changed but not what to fix. These are the numbers that point at a screen.

• Shop bounce: opened, scrolled, left without tapping a card. High bounce is a legibility problem, not a pricing one.
• Card tap rate against purchase rate: many taps and few purchases means the card promised something the detail did not deliver.
• Abandonment at the confirmation step: almost always a clarity or a trust problem right there.
• Refund and chargeback rate: the honest measure of whether your flow was clear.
• Review keywords: search your own store reviews for "confusing", "scam", "expensive", "ads". It is free qualitative research and it names screens.
• Retention of buyers versus non-buyers: if buying makes players leave sooner, the offer is being placed in the wrong moment.

The framing that helps most here is the one in game UX design: the interface is not a surface for the economy, it is where the player forms an opinion about whether the economy is fair.