FACEFLOW
Interact with dynamic fonts through facial expressions. Users' facial movements affect the changes and dynamics of the fonts in real time, showcasing different shapes and styles, and providing a unique visual experience and personalized content
TUTTI
Sound represents our relationship with space, creating a situational dialogue where the background noise and conversation blend into a collective chorus. The scene incorporates multiple conversations, the language of white noise, and poetic dialogue, connecting space and individuals through the language of sound. The volume and speed of speech, the intensity of white noise, and the fluctuations and pauses all intertwine. Between the white noise and spoken words lies the beginning of our dialogue with space and the start of establishing relationships. The form of the text—its size, weight, and spacing—is determined by the voice of the speaker.
DATA UNIVERSE
In the data universe, the growth of information and data is closely intertwined with user interaction. By engaging with users, we can enhance pattern responses and drive the growth patterns of data. This process not only reflects the dynamic evolution of data but also demonstrates how user participation influences the growth and transformation of information.。
LOADING
The interface is the threshold we cross into virtual space. As technology and design continue to evolve, we strive to provide users with a faster, more comfortable virtual experience. The process of data loading and constructing virtual spaces is accelerating, gradually blurring the boundaries between reality and the network. Through visual metaphors, I symbolize the cognitive shifts users experience in this blurred boundary state when perceiving the virtual world. Although this change is subtle, its impact is profound.During the minute of loading, I guide users to interact with the interface, highlighting the gap between the virtual and the real. This design not only emphasizes the blurring of boundaries between reality and the virtual in the modern network environment but also showcases the process of transitioning between different spaces. The user’s actions alter the visual effects of the interface, reflecting how individual behavior influences the virtual world. When the loading is complete, it seems as if the user has entered a real world, but upon closer inspection, it differs from what was perceived before entering. The virtual world is a reinterpretation of reality, but with its own distinctions. This also reveals that everyone’s version of reality is altered by virtual space. This experience prompts users to reflect on the blurred boundaries between reality and the virtual, exploring the mutual influence between user cognition and the virtual world, and offers a rebellious commentary on this phenomenon.
ESCAPE

"Escape" is a small game I designed based on the movie Silenced. The game aims to make players experience the emotional and psychological changes under the gaze and being gazed upon by switching roles. This, in turn, better triggers the audience’s reflection and evokes sympathy and understanding for the students in the deaf-mute school oppressed by authority.

The game consists of two stages:

Stage One: The Player as the Pursuer In this stage, the player needs to catch the "gaze" targets 5 times within a limited time. Each successful catch represents capturing a student from the deaf-mute school. If the player successfully catches all the targets, the game ends, and the player wins, with no change in their role.

Stage Two: The Player as the Hider If the player fails in the first stage, their role will automatically switch, making them the hider. In this stage, the player needs to reach the black door within the limited time while avoiding the randomly appearing "gaze" targets. During this stage, the player’s actions are limited to escaping and hiding.

In the movie, the students have no means of resisting the oppressive authority except hiding. In the game, I have added a resistance mechanism that allows those who have been caught to fight back against the player. This design aims to evoke empathy in players, helping them to deeply understand the pain and helplessness suffered by the victims, thus triggering deeper reflection and emotional resonance.

DIGITAL SELF-PORTRAIT
Concept: The digital self-portrait is more than just a simple image; it is a dynamic representation of the user's emotions and identity. By utilizing facial tracking and recognition technology, every expression and subtle facial movement of the user is captured and transformed into a unique visual form. This interaction not only allows users to see the immediate reflection of their emotions but also displays the movement data of their facial features as a visual feedback, revealing the data dimensions behind facial expressions. It showcases the deep interaction between individuals and technology in the digital age, reflecting the fluidity and diversity of our identity, and inspires users to rethink self-awareness.
EMOQUEST
In this mental health digital platform, I have reclassified 58 emotions based on psychological research and surveys. Through innovative arrangements, interactive methods, and information retrieval techniques, the platform helps users gain a deeper understanding of the diversity and complexity of emotions. The website aims to challenge stereotypes about emotions, such as viewing emotions like "sadness" or "anger" as negative and something to be controlled or avoided. Instead, it emphasizes that emotions are simply signals, indicating underlying issues that need to be explored.By using this platform, users can not only better recognize and understand their various emotions but also learn to accept and confront them, thereby effectively alleviating psychological stress and emotional problems. Ultimately, the website guides users beyond the surface recognition of emotions, encouraging them to delve deeper into their emotional landscape to discover themselves and achieve emotional self-regulation and growth.
CULTURAL INTERWEAVING MAP
Weaving the map is more than just marking geographic locations; it represents an innovative way of thinking. Through random links, we break away from traditional linear relationships and connect various locations and cultural elements in new and exciting ways. This approach enhances community engagement, encouraging users to explore and participate, thereby creating a more cohesive and interactive cultural community. Each link and node on the map carries unique cultural creativity and community atmosphere, sparking endless creativity and possibilities. This weaving method not only makes the map more dynamic and interesting but also promotes the spread and exchange of culture, providing community members with rich interactive experiences and opportunities for creative expression.