UI/UX Design
Industry
Mental Health
Client
Personal Project
Scope
UX/UI Design, Emotional Storytelling, Game Design, Interactive Design
Tool used
Photoshop, Indesign
This project aims to use light energy sword as a UI element to represent the character’s emotional state and serve as the method for interacting with the monster within an immersive UI system. Specifically, the player can use this UI element to interact with the monster as a light shield, an evasion tool, a memory unlock mechanism, a healing agent, or a connection element through different scenarios.
Although the energy sword changes its state based on the character’s emotions, the player can control this transformation by deciding the way they interact with the challenges. Embedding essential mechanics into the energy sword allows players to react intuitively without breaking immersion while minimizing the need for additional HUD elements.
To create an immersive, emotion-responsive interface that visually and interactively represents the player’s mental state. By integrating UI elements like the Light Energy Sword, which transforms based on emotions, the design encourages self-awareness, emotional regulation, and healing. By using visual metaphors and interactive elements, the design fosters a sense of mindfulness, allowing players to engage with their emotions in a meaningful and reflective way.
The player enters the main character’s inner world, where past wounds take symbolic forms. For instance, gossip is represented by a monster with a monstrous mouth, and an uncertain future is represented by a foggy forest etc. The way they choose to react will shape the world around them.
Calm state | Exploration
The player steps into the main character’s inner world starting with the foggy forest, representing uncertain future path. The Energy Sword glows soft aqua, pulsing gently, representing inner stability.
Angry state | Fighting
Several monsters appear, representing overwhelming judgment. As fear and anger surge, the Energy Sword erupts into flames, compelling frantic strikes for survival. Yet, at the core of the fire sword, a faint blue glow lingers as the last thread of control.
Worry State | Protection
Fear State | Escaping
Empathy State | Understanding
Acceptance Phase | Healing
Last Projects
