.hero-diagram { display:block!important;position:relative!important;inset:auto!important; width:100%!important;aspect-ratio:auto;opacity:1;transform:none;margin-top:42px; } .hero-diagram-art { display:none; } .hero-copy { width:min(760px,100%); } .hero-reasons { position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; } .hero-reasons article { position:static;width:auto;height:auto;grid-template-columns:1fr;gap:14px; } .reason-number { width:76px; } @media(max-width:900px) { .menu-toggle { display:none; } .side-nav { position:relative;height:auto;flex-wrap:wrap;padding-block:18px; } .side-nav nav { display:flex;position:static;width:100%;padding:12px 0 0;box-shadow:none; flex-direction:row;flex-wrap:wrap;gap:4px 12px; } .side-nav nav a { padding:8px 0; } .hero { padding-top:0; } } @media(max-width:620px) { .hero-reasons { grid-template-columns:1fr; } }

Get an estimate

All projectsMobile gaming interface · UX/UI & development

Direct team. No agency overhead.

Slotcrash

A mobile gaming interface combining slot-style play, a rocket game, quests, rankings and a store.

View the screens

Project scope: Game UX/UI · Mobile interfaces · Interface development
Project contact: Tung Chan
Design files: View in Figma

Slotcrash mobile slot-machine and rocket gameplay interfaces on a blue orbital background

About the project

Slotcrash brings two game modes into a mobile experience with quests, daily rewards, rankings and item discovery. We designed gameplay controls and state changes alongside the supporting product screens, and developed the mobile interfaces.

Design: Slot and rocket-game interfaces, active and result states, quests, reward panels, rankings and store layouts.
Front-end: Front-end development for mobile gameplay and supporting interfaces.

01 / Interface details

Inside the game

Slot-style play and a rocket crash game use different scenes and controls within the same mobile frame.

Swipe through the screens · Tap to enlarge

Slot-style game — symbols, spin control and navigation — 01Slot-style game — symbols, spin control and navigation

Rocket game — active multiplier and action controls — 02Rocket game — active multiplier and action controls

Rocket game — crash and inactive action state — 03Rocket game — crash and inactive action state

02 / Interface details

Quests, rewards and progression

Task status, a daily reward panel and rank progression extend the experience beyond the game screen.

Swipe through the screens · Tap to enlarge

Social quests — available, validating and claimed states — 04Social quests — available, validating and claimed states

Daily rewards — calendar and collection panel — 05Daily rewards — calendar and collection panel

Player rank, progression and leaderboard — 06Player rank, progression and leaderboard

03 / Interface details

The in-game store

Skins and temporary boosters use distinct item cards. Price, rank requirements and active states sit alongside the controls for each item.

Swipe through the screens · Tap to enlarge

Store — skins, prices and rank requirements — 07Store — skins, prices and rank requirements

Store — temporary items and active status — 08Store — temporary items and active status

All projects Next project: PodcastMonkey

Direct team. No agency overhead.

Your next project.
Without the layers.

Send the idea or existing project, your timing and a budget range if you have one. We’ll suggest a practical scope and estimate before work begins.

gslip228@gmail.com tung@tchans.com