Tokyo, Japan
Ghostwire: Tokyo
Ghostwire:
Tokyo
Ghostwire: Tokyo is an action-adventure game released in 2022.
It was my first time to participate in console game development as a UI designer.
Ghostwire: Tokyo is an action-adventure game released in 2022.
It was my first time to participate in console game development as a UI designer.
I worked alongside our UI lead in a compact 2-person UI team.
Our goal was to create an interface that blends modern minimalism with traditional Japanese motifs, reflecting the game's unique visual aesthetic.
I worked alongside our UI lead in a compact 2-person UI team.
Our goal was to create an interface that blends modern minimalism with traditional Japanese motifs, reflecting the game's unique visual aesthetic.
Modal & Overlay
Modal & Overlay
CAPSULE TOY
CAPSULE TOY
To make the capsule toy (gacha) experience more fun and immersive, I worked on the interaction design for acquiring character models.
I crafted the UI and animation for the reveal sequence, focusing on creating a moment that feels rewarding and clearly communicates the result to the player.
To make the capsule toy (gacha) experience more fun and immersive, I worked on the interaction design for acquiring character models.
I crafted the UI and animation for the reveal sequence, focusing on creating a moment that feels rewarding and clearly communicates the result to the player.
Capsule Variations
I created a illustrated version of capsule at first, but in order to fit better with the realistic art style, we switched to a rendered picture of the capsule model.
Capsule Variations
I created a illustrated version of capsule at first, but in order to fit better with the realistic art style, we switched to a rendered picture of the capsule model.
Figure Reveal Animation
Figure Reveal Animation
In-game 2D Texture
In-game 2D Texture
CAPSULE TOY LOGO
CAPSULE TOY LOGO
Each capsule toy machine has its own theme, and to support the game’s world-view and recognition, I developed a logo system that feels authentic to the game's setting.
I designed playful, modern katakana lettering, integrated yokai silhouettes into the strokes, and produced 9 unique color variants to match each machine’s theme.
Each capsule toy machine has its own theme, and to support the game’s world-view and recognition, I developed a logo system that feels authentic to the game's setting.
I designed playful, modern katakana lettering, integrated yokai silhouettes into the strokes, and produced 9 unique color variants to match each machine’s theme.
HUD: Info & Notifications
HUD: Info & Notifications
NO CAMERA
NO CAMERA
In rare cases where photo mode becomes unavailable due to system constraints, there was no feedback to the player.
I addressed this UX gap by introducing a “no camera” icon placed beside the mini map to communicate the restriction clearly and in a not obtrusive way.
In rare cases where photo mode becomes unavailable due to system constraints, there was no feedback to the player.
I addressed this UX gap by introducing a “no camera” icon placed beside the mini map to communicate the restriction clearly and in a not obtrusive way.
No Camera Icon
No Camera Icon
When Mini Map is Disabled
When Mini Map is Disabled
HUD: Info & Notifications
HUD: Info & Notifications
AIR STRIKE
AIR STRIKE
The game allows players to initiate a stealth air strike from higher ground, followed by a brief silent movement window.
I visualized this mechanic by designing a clear action icon for the strike, along with an animated countdown indicator that communicates how long the stealth effect lasts to enhance both clarity and timing feedback.
The game allows players to initiate a stealth air strike from higher ground, followed by a brief silent movement window.
I visualized this mechanic by designing a clear action icon for the strike, along with an animated countdown indicator that communicates how long the stealth effect lasts to enhance both clarity and timing feedback.
Indicator
Indicator
Silent Walk Icon
Silent Walk Icon
Meta-game Features
Meta-game Features
PHOTOMODE ICONS, STAMPS & FRAMES
PHOTOMODE ICONS, STAMPS & FRAMES
To enrich the player’s creative experience in the photo mode, I created a cohesive set of icons used across menus, pop-ups for collectibles like stamps and models.
I also contributed decorative frames and a special anniversary stamp, making photo editing experience more engaging and expressive.
To enrich the player’s creative experience in the photo mode, I created a cohesive set of icons used across menus, pop-ups for collectibles like stamps and models.
I also contributed decorative frames and a special anniversary stamp, making photo editing experience more engaging and expressive.
Photo Mode Icons
Photo Mode Icons
Two Year Anniversary Stamp
Two Year Anniversary Stamp
Icons
Icons
ACTIVITY, NPC &
SIDE MISSION ICONS
ACTIVITY, NPC &
SIDE MISSION ICONS
To encourage players to do exploration and side quests, I created a set of icons that mark key activities and rewards across the game world. These icons were designed for quick recognition and consistency. I also designed NPC icons used in HUD for the Spider’s Thread update to maintain visual clarity.
To encourage players to do exploration and side quests, I created a set of icons that mark key activities and rewards across the game world. These icons were designed for quick recognition and consistency. I also designed NPC icons used in HUD for the Spider’s Thread update to maintain visual clarity.
Icons
Icons
ACHIEVEMENT ICONS
ACHIEVEMENT ICONS
Ghostwire: Tokyo was released across multiple platforms (PlayStation, Xbox, Epic, Steam).
I designed all the achievement icons for all platforms. The icons reflect the spirit of each achievement using slightly dramatic visual language to communicate action, challenge, and progression.
Ghostwire: Tokyo was released across multiple platforms (PlayStation, Xbox, Epic, Steam).
I designed all the achievement icons for all platforms. The icons reflect the spirit of each achievement using slightly dramatic visual language to communicate action, challenge, and progression.
Xbox Achievement
Xbox Achievement
Xbox Achievement
Xbox Achievement
Icons
Icons
SKILL ICONS
SKILL ICONS
Skills are central to gameplay progression.
I contributed the icons for both the base game and the Spider’s Thread update. These visuals emphasize motion, tools, and elemental effects. They align with the game’s action theme and support the intuitive understanding of each ability.
Skills are central to gameplay progression.
I contributed the icons for both the base game and the Spider’s Thread update. These visuals emphasize motion, tools, and elemental effects. They align with the game’s action theme and support the intuitive understanding of each ability.
Icons
Icons
OUTFIT ITEM ICONS
OUTFIT ITEM ICONS
Players can customize their appearance with various outfits. I created item icons for both individual pieces and complete sets, ensuring consistency in style and visual clarity in the inventory UI.
Players can customize their appearance with various outfits. I created item icons for both individual pieces and complete sets, ensuring consistency in style and visual clarity in the inventory UI.
Icons
Icons
MOUSE CURSOR ICON
MOUSE CURSOR ICON
For the PC version, I explored different cursor styles and designed one inspired by ether—the game’s main energy element. It reflects the game’s aesthetic while maintaining usability during gameplay.
For the PC version, I explored different cursor styles and designed one inspired by ether—the game’s main energy element. It reflects the game’s aesthetic while maintaining usability during gameplay.
Portfolio 2025
Portfolio 2025