project showcase

Elasticshop Gaming Top-Up

A dark, yellow-accented design system for an automated game top-up platform, covering four full screen flows from product selection to confirmation.

ph-akin.dev/elasticshop-gaming.html
Elasticshop Gaming Top-Up live page screenshot.

Read it top to bottom — what this project is, what it does, who it’s for. Then picture the same thing built around your business.

Project overview

A few minutes gets you the whole picture

Elasticshop needed more than one hero screen — it needed a coherent system across four flows: browsing games, selecting a top-up package, checkout, and confirmation. The dark, high-contrast yellow palette borrows gaming UI conventions so it feels native to its audience rather than generic e-commerce.

Design System Gaming UI Figma Full Stack

The 30-second version

What stands out, at a glance

  • Four complete screen flows designed as one system
  • Gaming-native dark UI with high-contrast yellow accents
  • Built first in Figma, then implemented full-stack
  • Consistent component system across every screen

Who this project fits

Know in one read whether it’s for you

This approach works for gaming, esports, and other niche digital platforms where a generic SaaS look would feel out of place, and where the product genuinely needs more than one screen to design properly.

Want something like this?

Adapt this build to your own business

Tell me what your business does, what you want the site to achieve, and roughly what budget you’re working with — I’ll design and build it to fit.

Start a project on Fastwork Email me

View the live site All projects