Skip to content
All Projects
Gaming
WebiOSAndroid2025

TopUp Easy — Gaming Hub

Checkout redesigned from 7 screens to 3. Sub-30-second gaming top-ups.

Checkout time cut from 3–5 minutes to sub-30 seconds — conversion improved on day one.

TopUp Easy — Gaming Hub screenshot
< 30s
Avg checkout
3
Platforms
99.9%
Uptime
3 (was 7)
Flow screens

The Challenge

The original checkout experience took 3–5 minutes on average and lost 40% of users at the payment step. Gaming top-up customers have extremely low patience — they want to top up and get back in the game. The existing flow had 7 screens with repeated input prompts, no saved payment methods, and a slow order-confirmation polling loop that made users feel like nothing was happening.

The Solution

I redesigned the checkout from the ground up. The new flow has 3 screens: game package selection (pre-populated based on browsing history), payment method selection (remembered after first use), and a single confirm tap. Order confirmation runs in the background — the user sees a success screen immediately while the fulfillment request processes asynchronously. A real-time status listener updates the order detail page without a reload.

Key Engineering Decisions

Pre-populated package selection

The first screen defaults to the last game the user browsed and pre-selects the most common package for that game. Most returning users can reach the confirm screen in 2 taps.

Async order confirmation

The success screen appears the moment the order is accepted, not when fulfillment completes. A Firestore listener on the order document updates the status in real time — no polling, no spinner blocking the UI.

Unified payment adapter

Multiple payment providers are exposed through a single PaymentMethod abstraction. The user sees one clean payment UI regardless of which provider processes the transaction underneath.

99.9% uptime architecture

Order-critical paths use Cloud Functions with idempotency keys so retried requests don't duplicate charges. Failed fulfillment jobs are queued for automatic retry with exponential backoff.

Tech Stack

FlutterFlutter WebDartFirebase AuthFirestoreCloud FunctionsREST APIsProvider

Outcomes & Results

< 30s
Avg checkout time
Down from 3–5 minutes
Day 1
Conversion improved
Measured from launch day
99.9%
Uptime
Idempotent Cloud Functions with retry
3
Checkout screens
Reduced from 7

What the Client Said

Gaming top-up platform — Web, iOS & Android

Our checkout used to take 3–5 minutes and lose us 40% of users at payment. Ahmed redesigned the entire flow with a hardened payment stack. Sub-30 second checkout, zero failed transactions on launch day. The conversion improvement was immediately visible in our analytics.

Hossam El-Sayed
Product Lead
MENA

Live Links

Ready to build?

Need something similar built?

I'm available for new projects. Discovery calls are free and I typically respond within 24 hours. You'll work directly with me — from the first call to launch.