Star Citizen - Cargo Crate Terminal - UI + UX Design
Star Citizen - Cargo Crate Terminal - UI + UX Design

Started with moodboard research with the initial given theme of “RetroTech Terminal” for this Cargo Crate UI, and then basing the wireframes from the main screens which were mapped out by the User Flow Chart when defining the overall UX. Following with some mockups to test contrast and colors to the final screens with contrasting tone matching the given base Crate Terminal color.

Star Citizen - Cargo Crate Terminal Prorotyping
Star Citizen - Cargo Crate Terminal Prorotyping

Using this quick prototype to create initial concept for the animations, transitions and FX. This is then passed to the tech artist and animator to use as a guide for integration.

Tiny Tina's Wonderlands - Ability Icons
Tiny Tina's Wonderlands - Ability Icons

Here is a usual design flow while collaborating with Lead Designer on ability icons for Tiny Tina’s Wonderlands. Some of the screens featuring the iconography on the right, 2020.

UI for Console, Desktop and Mobile.
UI for Console, Desktop and Mobile.

A variety of UI mockups I’ve contributed in the past 3 years: Console and desktop on the left, Mobile on the right.

Digital Tachometer Design - Console - HUD
Digital Tachometer Design - Console - HUD

Tasked here to design a digital tachometer with a retro twist: it must be tactile and able to display 3 measuring units simultaneously. Created moodboard, concept sketches to final iterations within a day (8hr.s).

Casual Game UI Assets
Casual Game UI Assets

A variety of UI assets & characters from mobile and web titles in the past couple of years.

Console & Desktop UI - UI Components and FX design
Console & Desktop UI - UI Components and FX design

A variety of console and desktop UI components created with initial FX breakdown to illustrate different idle animation designed for specific applications. This would accompany a simple AfterFX breakdown to be passed on to Tech Artist for recreation in specific Game Engine.

SuperHit Baseball - IOS & Android - Iconography
SuperHit Baseball - IOS & Android - Iconography

Besides general UI assets, I’ve revamped their branding by creating new vector based iconography for the re-launch. I soley created the designs from initial thumbnail phase, to final vectorized assets. I also integrated them in Unity.

Company of Heroes 2 - Desktop - War Effort Live Map
Company of Heroes 2 - Desktop - War Effort Live Map

A realtime map that showcase live team progressions.I contributed UI Art (Assets Treatment & FX) following branding guidelines, collaborating with Lead UI Designer.

Star Citizen - Cargo Crate Terminal - UI + UX Design
Star Citizen - Cargo Crate Terminal Prorotyping
Tiny Tina's Wonderlands - Ability Icons
UI for Console, Desktop and Mobile.
Digital Tachometer Design - Console - HUD
Casual Game UI Assets
Console & Desktop UI - UI Components and FX design
SuperHit Baseball - IOS & Android - Iconography
Company of Heroes 2 - Desktop - War Effort Live Map
Star Citizen - Cargo Crate Terminal - UI + UX Design

Started with moodboard research with the initial given theme of “RetroTech Terminal” for this Cargo Crate UI, and then basing the wireframes from the main screens which were mapped out by the User Flow Chart when defining the overall UX. Following with some mockups to test contrast and colors to the final screens with contrasting tone matching the given base Crate Terminal color.

Star Citizen - Cargo Crate Terminal Prorotyping

Using this quick prototype to create initial concept for the animations, transitions and FX. This is then passed to the tech artist and animator to use as a guide for integration.

Tiny Tina's Wonderlands - Ability Icons

Here is a usual design flow while collaborating with Lead Designer on ability icons for Tiny Tina’s Wonderlands. Some of the screens featuring the iconography on the right, 2020.

UI for Console, Desktop and Mobile.

A variety of UI mockups I’ve contributed in the past 3 years: Console and desktop on the left, Mobile on the right.

Digital Tachometer Design - Console - HUD

Tasked here to design a digital tachometer with a retro twist: it must be tactile and able to display 3 measuring units simultaneously. Created moodboard, concept sketches to final iterations within a day (8hr.s).

Casual Game UI Assets

A variety of UI assets & characters from mobile and web titles in the past couple of years.

Console & Desktop UI - UI Components and FX design

A variety of console and desktop UI components created with initial FX breakdown to illustrate different idle animation designed for specific applications. This would accompany a simple AfterFX breakdown to be passed on to Tech Artist for recreation in specific Game Engine.

SuperHit Baseball - IOS & Android - Iconography

Besides general UI assets, I’ve revamped their branding by creating new vector based iconography for the re-launch. I soley created the designs from initial thumbnail phase, to final vectorized assets. I also integrated them in Unity.

Company of Heroes 2 - Desktop - War Effort Live Map

A realtime map that showcase live team progressions.I contributed UI Art (Assets Treatment & FX) following branding guidelines, collaborating with Lead UI Designer.

show thumbnails