The first impression
A branded welcome for the beginning of the app journey.
Granny AI / CLIENT PROJECT
A familiar face. Brought to life.
A reassuring little companion for parents, from the first hello to every small milestone.
ANIMATION BY
Piyush KachaMY ROLE
Illustration · Character animation · Data binding · Developer handoff
6
Rive assets
16
Weeks of progression
GrannyDr
Pediatric healthcare
BEHIND THE MOTION
Warmth matters here.
Granny AI is the in-app assistant inside GrannyDr, a pediatric healthcare app. Parents may be opening it while worried about a sick child. The existing Granny mascot needed to feel alive and reassuring, with movement that supports the experience without demanding attention.
One character, across the whole journey.
I began with the existing brand illustration and kept the dark blue palette, maroon details, and familiar silhouette. The character had to read clearly at icon size and on a splash screen, without a surrounding circular badge. Illustration references came first, followed by clean vector builds and Rive animation.
Built to respond to the app.
The book-flip idle welcomes users. Success and sorry expressions react to outcomes. The assessment animation speaks alongside text supplied by the app, while the 16-week map turns progress into a visible journey. Named triggers and data-bound text give the mobile team direct control.
A handoff the team could use.
The original four branded assets were delivered as SVG illustrations and production-ready Rive files. The assessment and map extend that motion system. The live examples below let you try the same triggers and dynamic text used to drive the animations.
THE WHOLE CHARACTER SYSTEM
Six assets.
One familiar face.
Every little win
A warm thumbs-up for achievements and completed steps.
A softer sorry
An empathetic response when things don’t go as planned.
A guide with something to say
Write a message and let Granny introduce the next step.
Sixteen weeks. One journey.
Start the journey, move to the next week, and scroll inside the map.
For the developers: animation handoff details
| Animation | Artboard | State machine / view model | Controls / timelines |
|---|---|---|---|
| A friendly hello | GrannydrBotIcon | MainStateMachine | Internal interaction / autoplay |
| The first impression | SplashScreen | Main State Machine | Internal interaction / autoplay |
| Every little win | Grannydr Congratulations | Main State Machine | triggerSuccess |
| A softer sorry | Grannydr Sorry Icon | Main State Machine | triggerSorry |
| A guide with something to say | Pre-Assessment | Main State Machine | execute, upcomingText |
| Sixteen weeks. One journey. | GamifiedMap | Main State Machine | start, triggerNext |
UP NEXT
Fingerprint scanner
YOUR NEXT GOOD IDEA