Logo of UI Challenges
Sign in
Wireframe example for Microtransaction Checkout
An example interpretation of the prompt
Icon of target

Microtransaction Checkout

Icon of book open

Design the confirm purchase screen for buying an item with real money or premium currency inside the game store. This is the last stop before the transaction goes through, so the item, cost, and currency type need to read instantly.

The screen should make the purchase summary feel trustworthy and game-native: show what the player gets, what they pay, and any bonus or pack contents without making them hunt through small text. Keep the layout tuned for controller or touch, depending on the game UI pattern.

This is interesting because the same checkout has to work for two payment paths: premium currency already owned by the player, or a real-money purchase that may need store handoff. The design should make that difference obvious before the player commits.

Treat confirmation as the main job, but leave room for a clear way back out. If there are quantity changes, tax or region notes, or currency shortfalls, they should sit in the same flow and not break the purchase summary.

Icon of book open

Put the item preview, cost, and payment source in one tight cluster; if the player has enough premium currency, that should be visible before they reach the confirm button.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.