• Work
  • Montage
  • About
  • Contact
  • finy
CYEN CREATIVE
  • Work
  • Montage
  • About
  • Contact
  • finy

UI/UX Sizzle Reel

 

Visual Identity

United 100+ game screens through a sophisticated yet easy-to-navigate visual system

 

The gamer, positioned as the coach, manages many players and makes even more choices. They level up, boost, recruit one player and bench another, leave some on the courts to stay and compete on the leaderboards, and travel through countless arenas. With the detailed skill parameters and seemingly endless decisions, the UI had to remain simple and sleek to let gamers easily navigate complex game mechanics.

 
00_NBAAW_Digital_ImgOutput2.jpg
Sizzle_UI_3D_v03_GRP.jpg
 

Typography & Color

 

We combined black and dark grey with vibrant yellow to form the primary colors of this palette, creating a striking contrast and alluding to the feeling of nighttime. The other colors in the palette are also bold and eye-catching, contributing to the spirited energy of the game. We also introduced team color combinations into the player selection and management screens for a more customized feel.

 

Our typography choices created clarity and harmony across communications— and emphasized the sporty boldness of NBA All-World

We chose Rajdhani as our primary font and Roboto as our secondary. They are both condensed and Google Fonts, which gave us more room when designing information-rich UI and long texts and the best compatibility for different languages.

 

Iconographic

Designed over 700 custom icons

We created a universal language of icons to be utilized in any outside needs, such as an external product like Campfire, or for later-introduced features like Quests. The icons easily mix and match, convert to 3D and merge to create infinite assets for infinite uses.

 

Game POI and Map

 

Creative Overview

We explored distinct POI silhouettes and characteristics over a simple map to make real POIs the focal points, emphasizing the connection between the game and the IRL world. The POIs further pop thanks to a visual cue of holographic dots indicating POIs in the user's interactivity range.

The POI categories are — Arena, Court, Player Point, and Drop Zone

 
 

Arena

Arena locations that are tied to the real locations of NBA arenas. Players will compete against each other on 1⁄2 court 1 on 1 style play. Invite-only tournaments will be held here for maxed-out players that will allow a player to reach “Legendary” status through Tournament Rings. These will be located at Points of Interest (Official NBA Arenas).

 

Court

Court locations where players compete against each other on 1⁄2 court 1 on 1 style play. Ruler of the Court mini-game will be available to dominate the location and earn rewards. These will be located at Points of Interest (Existing Basketball courts).

 
 
 
 
 

Player Point

Player Point locations where NBA players can be found. Play them in drills to earn shards of that player. Players can be encountered all around the world.

 

Drop Zone

Designated locations where players can obtain consumables and other game items, no players & no XP. These will be located at Points of Interest
(i.e.: Convenience and clothing stores).

Drop Zone items - Energy & Power Ups,
Game Currency, and XP Wildcards,... etc.

 
 
 
 
 

Three-Level System for Player Point POI

The three-level visual system indicates the rarity of a player, supported by unique visuals that allow users to determine a player on the map's rarity level at a glance.

 

Drop Zone UX Motion Flow

 

Map Skin

CaseStudy_Digital_Carousel_Map_01_Clean.jpg
CaseStudy_Digital_Carousel_Map_05.jpg
CaseStudy_Digital_Carousel_Map_06.jpg
CaseStudy_Digital_Carousel_Map_07.jpg
 

Early Explorations

NBAAW_MapPOI_R1_02_POI - Arena R1 P1.jpg
07_Group 3677.jpg
08_Group 3678.jpg
00_NBAAW_Digital_ImgOutput4.jpg
09_NBAAW_MapPOI_R1_31_POI - Courts R4 P4 1.jpg
NBAAW_MapPOI_R1_30_POI - Courts R4 P3.jpg
NBAAW_MapPOI_R1_48_POI - DropZone R3 P2.jpg
 POI Sizing Comparison

POI Sizing Comparison

 
POI_P3_PP_Essence_sketch02.jpg
POI_P3_PP_Essence_sketch03.jpg
POI_P3_PP_Optic_sketch02.jpg
POI_P3_PP_Optic_sketch03.jpg

Player Point Sketches

 

Sponsorship Branding Drop Zone

POI_P3_DZ_Box_D1_Essence.jpg
POI_P3_DZ_Box_D2_Optic.jpg
POI_P3_DZ_Box_D3_GFXVerse_2.jpg
POI_P3_DZ_Box_D4_Urbanic.jpg
POI_P3_DZ_Court_D1_Essence_2.jpg
POI_P3_DZ_Court_D2_Optic.jpg
POI_P3_DZ_Court_D3_GFXVerse.jpg
POI_P3_DZ_Court_D4_Urbanic.jpg
POI_P3_DZ_Hoop_D1_Essence.jpg
POI_P3_DZ_Hoop_D2_Optic.jpg
POI_P3_DZ_Hoop_D3_GFXVerse.jpg
POI_P3_DZ_Hoop_D4_Urbanic_LK_04.jpg
POI_P3_DZ_XMark_D1_Essence.jpg
POI_P3_DZ_XMark_D2_Optic.jpg
POI_P3_DZ_XMark_D3_GFXVerse.jpg
POI_P3_DZ_XMark_D4_Urbanic.jpg

Drop Zone Sketches

 

Copyright © 2025 CYEN CREATIVE LLC. All rights reserved.