Personal projects - Motion design

I am very interested in motion design and all the possibilities it opens up for both UI design and UX design.

Lottie opened up amazing possibilities for UI and UX designs. Specially for onboarding screens and in-app tutorials. Where previously, adding animation or story telling into an app was a tedious to near impossible task. It also gave lot of creative control to the designers to bring their creative vision forward.

To take complete advantage of Lottie I have been constantly working on my motion design and character design skills. I believe onboarding screens can be used greatly to our advantage. If we use animations with characters in them, we can create very relatable stories where in the users can envision themselves using the application. As humans we are always drawn towards good stories and we can easily relate to it when it is visually represented to us.

All the characters are done using shape layers, to make them completely Lottie safe and compatible with all devices and platforms.

The following projects are all my personal projects and are all fully compatible with Lottie.

Quarantine hobbies

Loop animation of character having some "me time" and learning new hobbies and skills

The idea behind this short animation was to show case the different hobbies or skill we could pick up since we are adopting to the new work from home lifestyle and have more time on our hands. I started the project by creating mood boards and drawing out character designs and scenes on paper. Then I created the character in Illustrator and import it to After Effects and animate it. This was easily one of my biggest projects till date as I had to animate three different characters in one frame.

Spot

A simple walk cycle animation loop of the famous Boston dynamics robot - Spot

After watching MKBHD's youtube video on Spot I wanted to create this animation loop. I tried to bring in some character and funny elements into this animation.

Cooking onboarding

Onboarding animation for a concept app to learn the art of cooking.

The idea behind this project was to design a fun and simple onboarding process and use the character to showcase how the users can learn cooking in a simple and fun way. The highlight of this concept app is that user can learn to cook various cuisines of their choice and along the way they will also learn the basics of cooking and understand the ingredients they use.

Home garden - onboarding

Onboarding animation for a concept Home gardening app.

Home garden is a concept app using which the users can learn all the gardening techniques involved in growing a plant from a seed to a complete harvest. In this onboarding I wanted to focus on the journey of the seed and the user.

Doom guy

A simple running loop of the Doom Guy from Doom Eternal.

I love gaming and wanted to create a simple running animation loop for a game character. I created this running loop animation to coincide with the release of Doom eternal. The character was based on the little pop figure which we can find in the game as collectables.

Quarantine movies

I love watching movie and missed going to the theatre's due to the global pandemic. So I created this simple animation loop to show the new reality of watching movies in our home by ourselves.

I wanted to create a series of animations based on the lifestyle of people during the global pandemic and how people might spend their time during quarantine. For this project I wanted to try something new and started designing the character in Illustrator directly instead of sketching it out first. I used the same technique of starting with a stick figure and then fine tuning the character.

Quarantine concert

A simple loop animation showing how we have to enjoy imaginary concerts in 2020.

With this project I wanted to focus on the wiggle motion of objects. I tried to create smooth wiggle motion without any plugin's. I tested it out on the jumping hands and fingers and also the feet of the girl. Introduced a concert companion in the form of a fly.

Quarantine Gamer

Just some light-hearted banter about gamer's 😉.

A light hearted animation loop to showcase how gamers are being responsible in these hard time's 😉.

Runner and Skater

Some of my initial trials on character animation loops back when I started learning animation.