Sira APP

  • 2024
  • APP
  • RIVE
Sira APP blurred background

Sira is an AI emotional companion app featuring a gentle black cat with golden eyes. I designed this character from the project's inception and, through subsequent iterations, gave it a visual personality via interactions, interfaces, and animations. The project makes extensive use of Rive Runtime.

Character Life Simulation

Sira presents different life scenarios as time passes (cooking, reading, listening to music, playing games, etc.). I built a behavior tree inside the Rive state machine to drive natural transitions between states.

Character Dressing Up

I designed a dressing system that balances personalization with commercial potential. Five clothing slots (hat, scarf, shoes, prop, accessories) were defined. After binding garments to the skeleton, I split meshes to ensure proper fit and documented design guidelines to support outsourcing and UGC. The dressing interface also hides a small detail: when switching between different slots, Sira responds accordingly — for example, touching its head when changing hats.

Interactive Onboarding

Designed as the first encounter between users and Sira, the onboarding experience uses "the red thread of fate" as its theme to supplement the story's background, creating a ritual-like interactive experience.

Sira APP onboarding

Watch full onboarding demo

Micro-Interactions

Using Rive for micro-feedback in the interface, such as instant responses to likes, confirmations, and similar actions.

Day/Night Cycle

I created a day/night cycle effect for Sira's room and provided parameter interfaces for programmers to call, allowing the environment to match real-world time.

Walkie-Talkie (Voice Interaction Feedback)

The team's experiment with AI voice interaction. On the animation side, I did two things: designed a skeuomorphic walkie-talkie to enhance immersion, and built a dialogue behavior tree to enable character animations to match emotions and transition smoothly.

Memory Notebook (AI Memory)

Addressing the issue of limited AI memory, I referenced physical vocabulary cards to design an interface that expresses, in an emotional way: memory has a limit, but Sira is working hard to remember things about you.