Skill
Role
Software
Character Animation
Character Design
Interactive Animation
Rive State Machine Development
Rive Animator
Character Designer
Rive
Whisper: daily quotes App
Argo: Rive Character Animation for Whisper
Designed and animated Argo, the mascot character for Whisper: Daily Quotes, an anonymous daily journaling app.
Built in Rive with six animated states, interactive mood-based transitions, State Machines, Components, and Data Binding.
Project Summary
Whisper: Daily Quotes is an anonymous daily journaling app where users check in with their mood, respond to a daily prompt, and receive encouragement, advice, and personal stories from other users.
For this project, I designed and animated Argo, the app's mascot character, using Rive.
The project included character redesign, six animated states, and interactive mood-based transitions powered by Rive State Machines and Data Binding.
The Objective
The goal of this project was to create an emotionally engaging mascot using Rive character animation and interactive experiences that support users throughout their daily mood check-ins.
By combining expressive animations with Rive Data Binding and State Machines, the character could dynamically respond to user-selected moods while maintaining a warm and approachable personality.
The result is an interactive companion that strengthens user engagement and enhances the overall app experience.
The final result was an expressive and lovable character seamlessly integrated into the app, enhancing the daily mood check-in experience.
The final result was an expressive and lovable character seamlessly integrated into the app, enhancing the daily mood check-in experience.
FINAL OUTPUTS
Rive Character Animation for Whisper App
Scalable Rive Architecture with Components & State Machines
The Rive file was built using reusable Components, State Machines, and Data Binding to create a scalable and maintainable animation system.
A clear file structure and naming convention allowed designers and developers to collaborate efficiently throughout the project.
This workflow made it easy to implement, test, and update character states while keeping the animation logic organized and reusable.
Character Design for Interactive Animation
The original mascot was recreated as a scalable Rive vector illustration designed for interactive character animation.
Six character states were developed, including Hi, Note, Clear, Sad, Angry, and Anxiety.
Soft cloud-inspired shapes, expressive facial features, and subtle gradients were used to create a friendly companion that supports users throughout their daily mood check-ins.
Scalable Rive Architecture with Components & State Machines
The Rive file was built using reusable Components, State Machines, and Data Binding to create a scalable and maintainable animation system.
A clear file structure and naming convention allowed designers and developers to collaborate efficiently throughout the project.
This workflow made it easy to implement, test, and update character states while keeping the animation logic organized and reusable.
Character Design for Interactive Animation
The original mascot was recreated as a scalable Rive vector illustration designed for interactive character animation.
Six character states were developed, including Hi, Note, Clear, Sad, Angry, and Anxiety.
Soft cloud-inspired shapes, expressive facial features, and subtle gradients were used to create a friendly companion that supports users throughout their daily mood check-ins.
Bringing Argo to Life
Our emotions change every day, much like the weather. Some days feel bright and sunny, while others bring frustration, sadness, or anxiety.
To support mental wellness and self-reflection, the Rive animations connect emotions with weather-inspired visual metaphors. Through daily self check-ins with Argo, users can track their mood and become more aware of their emotional changes over time.
Rive Character Animation for Whisper App
