Hero collage for Clear

Clear

An immersive VR emotional relief experience that helps users reconnect with their emotions through AI interaction, spatial environments, and gentle sensory relaxation.

Mar 2025 – July 2025
My Role: Immersive Scene Designer, 3D Designer, Interaction Designer
Collaboration: Caesar Wu (Project Manager, Programmer), Cheng-Ye, Yang (Programmer)
Virtual Reality AI User Experience Storytelling Blender Emotional Wellbeing

Invitation from Apple

🍎 The project was invited by Apple to be featured at Today at Apple in December 2025, where I shared my creative process and insights on designing for Clear.

🍎 The team was later invited to attend an Apple press event and was interviewed by 13+ media outlets.

Sharing the Clear project at an Apple event Audience at the Clear project presentation

Background

According to the World Health Organization, nearly 1 billion people worldwide are experiencing mental health challenges.

Feeling on the verge of collapse among office workers 42%
Emotional distress hard to express among teenagers 33%
Depressive tendencies among college students 23%
Rising suicide rates among teenagers 18%

Current Limitations of AI Interaction

ChatGPT mobile interface used as a reference for current AI interaction limits

Lack of sensory relaxation — limited to 2D screens

Interactions are restricted to visual and textual experiences, offering only superficial emotional value.

Confined to the chatbot framework

Most AI systems remain stuck in question-and-answer interactions, lacking personalization and emotional depth.

No visual understanding of emotion

While health apps present endless charts and data, they fail to help users visually step into their own emotions.

Identifying the Opportunity

Interviews with 9 students at National Taiwan University revealed two major types of stress:

Short-term stress

Work deadlines, academic pressure, daily frustrations.

Long-term stress

Family conflict, career uncertainty, personal relationships.

“Some participants had tried therapy, but effectiveness often depended on whether they matched well with the therapist.”

AI & VR Product System

User Emotion Input

Clear AI and VR product system flow

SPATIAL INTERACTION DESIGN

Clear app user flow diagram

Technique

SwiftUI Reality Composer Pro Blender Spatial Audio OpenAI Apple Health

Design Process

UI design also proved to be quite tricky because, in VR, UI elements that float in the 3D space can easily break the sense of immersion. Apple visionOS still adopts the concept of windows to present information. I carefully considered users’ viewing angles and posture, avoiding placing content too high within their field of vision.

Designing Comfortable Selection Targets

Interactive icon elements should provide a minimum 60 pt target area to ensure they can be selected comfortably and accurately.

For example, consider a mini button (28 pt). Although the visible button appears small, it is surrounded by a 60 pt interactive hit area, making it easy for users to focus on and select with their eyes.

A 28 pt mini button surrounded by a 60 pt interactive hit area

Corner Radius

Corner radius design guidelines for Clear interface elements

App Icon

An app icon can contain up to three layers: one Background layer and two Foreground layers (Foreground 1 and Foreground 2).

Background layer of the Clear app icon
Background Layer
Foreground 1 layer of the Clear app icon
Foreground 1
Foreground 2 layer of the Clear app icon
Foreground 2
Final Clear app icon with all three layers combined
Final App Icon

When the layers are combined, the system automatically applies a glass material effect, adding depth, specular highlights, and shadows. Designers should avoid using large semi-transparent elements, as increased transparency can cause layers to blend with shadows cast by underlying layers, reducing visual clarity.

When a user gazes at a specific app icon, the icon enlarges to provide visual feedback.

Characters Design and 3D Modeling

Clear 3D character emotion variation 1 Clear 3D character emotion variation 2 Clear 3D character emotion variation 3 Clear 3D character emotion variation 4 Clear 3D character emotion variation 5 Clear 3D character emotion variation 6
Clear 3D modeling process 1 Clear 3D modeling process 2 Clear 3D modeling process 3

I created 6 different 3D models of Clear, our AI companion, in Blender, each representing an emotional state. Clear’s color and motion dynamically change based on the user’s daily mood and stress level.

Building the Immersive Environment

After completing the modeling and material setup, we used Apple’s native VR authoring tool, Reality Composer Pro, to build the interactive scene and finally deployed it to Apple Vision Pro.

Demo Video

Outcome

Stress Report

Clear asks the user about their day
Daily Check-in with Clear
Interactive emotion detection game
Interactive Emotion Check
Sad emotional report
Sad Emotion Report
Happy emotional report
Happy Emotion Report

When users open Clear, the AI companion asks how their day has been. Through conversation with Clear and Apple Watch health data analysis, users receive an emotional report that highlights sources of short- and long-term stress. Clear’s color and expressions shift based on the user’s emotional state.

Misty Forest: Immersive Relaxation

Clear Misty Forest immersive relaxation experience

After receiving the stress report, users enter the Misty Forest, where they engage in relaxing activities. For instance, pushing away the mist with their hands reveals photos of meaningful memories. The experience encourages new perspectives for users dealing with pressure, and the forest gradually becomes clearer as the fog is gently pushed away.

Daily Relaxation Picks

Clear personalized daily relaxation recommendations

Based on the user’s emotional state, the app provides personalized daily relaxation recommendations, including meditation, music, journaling, and more. After users complete the wellness activities, the app provides an updated emotional report.

Home Page Interaction Optimization

Initial colorful semi-transparent button design

The initial button design featured colorful, semi-transparent style.

Optimized button design with white text

Based on feedback, I switched to white text to ensure clarity while adapting better to varying lighting conditions.

Optimized voice input interface

In our second usability test, some users did not realize they could talk to Clear after entering the app. We added a wave diagram that visualizes voice input, making it clear when the system is actively listening.

Future Vision

01

Integrating Apple Foundation Models to Enhance AI Capabilities

  • Provide more comprehensive and personalized stress analysis and coping strategies.
  • Process and store data locally on-device to ensure a high level of privacy.
02

Optimizing Frameworks with visionOS & iOS 26

  • Introduce widget features that enable users to access emotional support beyond the app itself.
  • Leverage Apple’s latest technologies and system features to refine the user interface design.
03

Collaborating with Medical & Consulting Partners

  • Integrate Apple ResearchKit to improve stress detection algorithms and health analysis capabilities.
  • Support users in medical consultations or professional settings by providing more detailed emotional insights and analytical reports.

Present

Through this app, we hope to help users better understand why they may feel emotionally unwell at times. Sometimes, all we need is a space where emotions can be acknowledged and where we can reconnect with ourselves.

Future Vision and Roadmap

We hope Clear can serve as a supportive tool for mental health counseling. Beyond formal therapy sessions, Clear accompanies users in recording their emotions and encourages more people to value mental well-being. For those who are hesitant to seek help, Clear offers a warm presence that helps them find the courage to take the first step.