Back to Home
Professional Project
Cancer Awareness App

Tags
Web App, Education, Gamification, UI/UX Design, HTML, CSS, Javascript, Rive, 2D Animation
Timeline
2024
Role
Lead Designer
Team Size
5
I designed a gamified cancer awareness app for a local university to test users on videos and short excerpts through interactive quizzes. The client wanted to bring their existing campaign mascot to life, so I took charge of the design and character animation.
I proposed using Rive—a tool new to me but proven by the likes of Duolingo. By leveraging Rive’s powerful state machine and runtime API, I created interactive animations that blended seamlessly based on user choices, allowing the mascot to shift emotions and cycle through realistic poses via code.
When the development team ran out of time, I stepped in to assist with the Rive runtime implementation. Using my JavaScript knowledge, I helped bridge the gap to ensure a smooth, issue-free deployment that satisfied the client.