UI BUDDY logoUI BUDDYGAME UI · VISUAL DESIGNLET'S TALK ↗
CASE STUDYRACING UI / UX

DRAG
CLUB.

UI / UX DESIGN
UI/UX•HUD•ASSETS•VISUAL SYSTEM

A high-adrenaline drag racing experience built around fast decisions, vehicle identity and rewarding progression.

RACINGMOBILE4 WEEKSUI BUDDY
SCROLL TO EXPLORE01 — 08
01 / PROJECT FOUNDATION
01
THE BRIEF

DESIGNED FOR
FULL THROTTLE.

The objective was to design a modern, performance-driven interface that delivers an immersive racing experience while keeping every interaction fast and intuitive. The UI guides players through racing modes, vehicle upgrades, events, rewards and progression without interrupting the action.

DRAG CLUB × UI BUDDY
02
PROJECT DETAILS
CLIENT
Confidential (US)
CATEGORY
Racing
PLATFORM
iOS / Android
ROLE
Senior Game UI Designer
DURATION
4 Weeks
DELIVERABLES
UI, HUD, Assets, Icons
03
THE CHALLENGE

MAKE EVERY
SECOND COUNT.

  • Build a bold visual identity that captures the speed and intensity of drag racing.
  • Keep navigation, upgrades and events easy to access between races.
  • Create a cohesive visual language across menus, rewards and gameplay HUD.
FAST
BY DESIGN
02 / FROM IDEA TO ENGINE

THE DESIGN PROCESS.

Every screen starts with a player need. Every detail earns its place.

01
⌕

RESEARCH

Analysed racing competitors, player expectations and core gameplay loops.

02
↗

WIREFRAMES

Mapped navigation and information hierarchy before visual polish.

03
◉

UI EXPLORATION

Explored typography, contrast, materials and racing-inspired accents.

04
✓

FINAL DESIGN

Built a consistent, production-minded screen system ready for handoff.

03 / THE BUILDING BLOCKS

VISUAL SYSTEM.

ONE WORLD. EVERY DETAIL CONNECTED.
TYPOGRAPHY
Aa
BARLOW CONDENSED EXTRA BOLD / DISPLAY

High-impact titles built for speed, readability and character.

PRIMARY COLOURS
#0A0B0F#F5F5F5#FF293D#FF7A18#2A3039
ASSETS, ICONS & INTERFACE LANGUAGE
↗TURBO
◉RIMS
✦REWARDS
⌁PERFORMANCE
▣GARAGE
◈EVENTS
ICONOGRAPHYMODULAR COMPONENTSRACING MOTIFS
04 / INSIDE THE EXPERIENCE

SCREEN SHOWCASE.

SELECTED SCREENS 08
Race Hub Drag Club game UI screen
01 / RACE HUBCore navigation
Multiplayer Drag Club game UI screen
02 / MULTIPLAYERCompetitive play
Race Offers Drag Club game UI screen
03 / RACE OFFERSLive promotions
Speed Money Drag Club game UI screen
04 / SPEED MONEYReward system
Coin Reward Drag Club game UI screen
05 / COIN REWARDPlayer rewards
Perfect Shift Drag Club game UI screen
06 / PERFECT SHIFTRace feedback
Car Upgrades Drag Club game UI screen
07 / CAR UPGRADESVehicle progression
Story Mode Drag Club game UI screen
08 / STORY MODETiers & progression
05 / THE OUTCOME

BUILT TO
PERFORM.

  • Clearer pathways between race, garage and events
  • Reusable UI components and a consistent design language
  • Stronger hierarchy for stats, rewards and player choices
  • A cohesive direction across menus and gameplay HUD
CLIENT FEEDBACK
★★★★★
“The interface feels smooth and consistent from start to finish. The attention to detail really shows in every screen.”
— PRODUCT MANAGER
“
← BACK TO SELECTED WORK↗
MORE WORLDS.MORE POSSIBILITIES.