Character Animations for iDoRecall Educational App

Every new project is an opportunity to meet new people.

To become a part of a team of real professionals, creative personalities and just interesting people, to enjoy the process of work is a great luck. I am sincerely grateful to iDoRecall educational project for interesting tasks and amazing acquaintances.

The goal of the iDoRecall project, in partnership with Barbara Oakley, creator of the Coursera course "Learning how to learn", is to help people learn. It is a web application that is used in the browser along with a Chrome extension. For studying hard, users of the app are of course rewarded.

My assignment was to create reward animations, with different behavior depending on the context and fully controllable by the developers. I also had to animate the icons on the buttons to make this serious app a little less serious smiley.

Since app users receive pearls as rewards, it was logical to assume that the rewards should be given to them by a shell.

Initially the work on the reward animation was conceived as the creation of a personal assistant, a cute cartoon character that would then be used elsewhere in the app as well.

That's how the fun bouncy shell came about :)

Then it was decided to create a second more serious version of the award animation, where the shell is just a shell :)

Thus, another user customization has been added to the app and users can take a break from studying to think about which of the two assistants to choose.

For both variants, complex Rive state machines were created with reactions to Hover and Click events, as well as giving out a certain number of pearls depending on the user's progress.

Here is a link to client's web site: https://www.idorecall.com/