︎
 


TONGYI XINGCHEN

Designing an Immersive Interaction to Showcase AI Capabilities






PRODUCT

View Current Product︎︎︎


MY ROLE

UX Designer

TIMELINE

2025.7 - 2024. 8
4 weeks
TEAM
1 Supervisor · 2 UX Designers · 2 PMs · 4 Front-End Engineers






BACKGROUND

Tongyi Xingchen is a personalized character creation platform powered by Alibaba Cloud’s Tongyi large model.
Beyond conversational intelligence, it features long-term memory—yet the current interface fails to express this uniqueness.
Users struggle to perceive the value of intelligence through the product experience.











TARGET USERS

For Our Product, XINGCHEN


B-end (Enterprise & Developer)


  • How to productize model capabilities for scalable and monetizable use cases?
  • How to foster long-term engagement and willingness to pay?

    • For Actual Product


    C-end (General Users)


  • How to increase user retention and payment motivation?
  • How to design experiences that feel emotionally immersive and unique?












    • DESIGN APPROACH

    • “Immersion” and “personalization” as core principles.
    • Design scenarios that let users feel the model’s intelligence.


    Based on the needs of B-end users, we explored four specific use cases: IP recreation, role-play experiences, professional consultation, and romantic interaction.
    Since the design processes for the other scenarios were somewhat constrained by collaboration with external IPs, I will focus on sharing the design process for romantic interaction.





    MARKET & USER INSIGHTS







    KEY USER NEEDS

    Emotional Fantasy → “I want to feel special and chosen.”
    Immersion → “I want a cinematic, game-like experience.” Personalization → “I want the AI to grow and respond uniquely to me.”




    VISUAL EXPLORATION

    Users showed a strong preference for anime-inspired, narrative-driven visuals. Therefore, we aimed to create a romantic and dreamlike UI aligned with this aesthetic.

    We iterated multiple character designs:

    • 1st Version: Red-haired CEO archetype
    • 2nd Version: White-haired, elegant CEO, refer to Sylus from Love and Deepspace.
    • Final Version: Black-haired “classic CEO,” inspired by Zayne from Love and Deepspace and Victor from Mr Love: Queen's Choice
    To build emotional immersion, we utilized line details, golden sparkles, and subtle breathing animations, as well as starry gradients and romantic lighting effects.







    AI INTERACTION

    Leveraging long-term memory, the AI character evolves.
    Even with the same prompt, responses become more     personalized and emotionally adaptive.
    For a more immersive experience, we also use AI to generate Live2D animation and     background music, enhancing multi-sensory immersion.







    INNOVATIVE INTERACTION

    We introduced four innovative interactions, each addressing different user motivations. 

    User Motivation
    Interaction Feature
    Description

    Keep freshness
    Parallel Dimension Events
    Random story events triggered over time

    Feel in control
    Mind Reading Power
    Peek into the character’s hidden thoughts

    Desire for exploration
    Story Unlocks
    Hidden stories revealed through continuous chatting

    Stay connected
    Social Feed System
    Real-time, dialogue-driven AI posts to simulate “presence”


    A time-based “AI Moments” feed dynamically updates based on dialogue content. It strengthens the illusion of living together and fosters ongoing engagement.

    For detailed design, please contact me for the portfolio deck!





    B-END SOLUTIONS

    Direct integration with code preview & one-click replication, enabling faster prototyping and scalability.









    UPDATE DESIGN

    For the other user cases, like IP recreation, we used the same design strategy to create specific experiences. We also updated the whole design based on the new design system. 

    Before: Static, fragmented experience with limited emotional resonance.




    Information System

    After: A cohesive, immersive ecosystem connecting UI, API, and data.


    Information System


    Import Knowledge

    Import Knowledge

    Homepage Update