Đỗ Trọng Thành Nhân / WHITE
← Game UI

Mobile game UI

Juicy Tactics

A colorful mobile game collection: interactive character animations, UI screen flows and a new pre-game loading concept.

Mobile game UI / Character animationView UI source in Figma ↗

CHARACTER ANIMATION / INTERACTIVE

Characters in motion.

Choose an action, slow it down, or open a character for a closer look.

01 / CHARACTER

Peach Spirit

Preparing animation

02 / CHARACTER

Bush Ninja

Preparing animation

03 / CHARACTER

Frost Bloom

Preparing animation

04 / CHARACTER

Chili Demon

Preparing animation

05 / CHARACTER

Lemon Mech

Preparing animation

06 / CHARACTER

Flame Carrot

Preparing animation

Explore the full animation gallery

Animation playback from supplied game assets. Motion pauses outside the screen.

NEW / PRE-GAME LOADING

A little adventure
before the battle.

A new loading concept that brings the fruit heroes together at the castle gate. A playful fruit-inspired title and a golden progress frame connect the splash to the game’s UI.

Supplemental concept · AI-assisted illustration and UI assets

View loading artwork ↗

Interaction demo · Loading → Home

Ready to preview

Juicy Tactics - pre-game loading conceptAI-assisted supplemental loading concept with a new title and decorative progress frame. PREPARING YOUR ADVENTURE 0%
01 /

The main screens

Home, card collection and team formation share a bright blue-and-gold visual language.

Juicy Tactics — Home
HomeView full screen ↗
Juicy Tactics — Card collection
Card collectionView full screen ↗
Juicy Tactics — Team formation
Team formationView full screen ↗
02 /

Into the arena

The game board and the red-versus-blue match introduction.

Juicy Tactics — Battle board
Battle boardView full screen ↗
Juicy Tactics — Match introduction
Match introductionView full screen ↗
03 /

Victory, defeat & rankings

Match outcomes and the leaderboard.

Juicy Tactics — Victory
VictoryView full screen ↗
Juicy Tactics — Defeat
DefeatView full screen ↗
Juicy Tactics — Leaderboard
LeaderboardView full screen ↗
04 /

A bright storefront

Featured packs, gems and gold in a consistent shop layout.

Juicy Tactics — Featured packs
Featured packsView full screen ↗
Juicy Tactics — Gem shop
Gem shopView full screen ↗
Juicy Tactics — Gold shop
Gold shopView full screen ↗
05 /

Character details

Corn Knight skill information and character statistics.

Juicy Tactics — Character skill
Character skillView full screen ↗
Juicy Tactics — Character stats
Character statsView full screen ↗
06 /

Journey across worlds

A world-map scene with stage markers and progression.

Juicy Tactics — Journey map
Journey mapView full screen ↗
07 /

Rewards & offers

Daily gifts and a special-offer popup.

Juicy Tactics — Daily gift
Daily giftView full screen ↗
Juicy Tactics — Special offer
Special offerView full screen ↗
08 /

Friends & player information

Social panels from the Figma file.

Juicy Tactics — Friends & player info
Friends & player infoView full screen ↗

Next project

Juicy Clash

Open full size ↗
← → Browse · Click image to zoom