Motion design for FrontRow

Animations

Micro Interactions

2021

Motion is an inevitable part of the FrontRow platform. Whether it be interactions in the app, illustrations or even the video course content, we use motion design as a factor of delight and fun.

The Logo

The very first thing to see when the app opens up, or when a lesson starts

Course title openers

At the beginning of every master course lessons & trailers,
the title opening is accompanied by these short animations.

Learn singing
Learn gaming
Learn dance
Learn screen writing
Learn fast bowling
Learn lyric writing
Learn batting
Learn music composition
Learn standup comedy
Learn poetry
Learn spin bowling
Learn hip hop

Motion for UI

The app UI utilizes motion in every aspect possible;
micro interactions, transitions, delight screen and so on.

Splash screen
Onboarding (old)
Counselling welcome (old)
Practice journey
Coin rewards
Singing practice
Entry closed
Jar name picker
Rap battle matching
Practice journey

In-video motion guidelines

Guidelines for motion graphic elements inside video lessons, such as lower thirds, transitions, intros, outros etc.

Motion stages

All the supporting motion graphics in a video lesson like lower thirds, transitions, intros, outros etc are bound to follow the below motion guidelines and animation graphs

Custom animation graphs

Standard animation graphs are customised for more playfulness and excitement

Ease in
Ease out
Excite
Jump
Ease in & out
Excite in & out

Samples

Course intro
Lesson intro
Lower thirds
Topic switch
Info widgets
Lesson transition

Made with Adobe After Effects and Lottiefiles