PRODUCT MOTION & PROMOS 

Disney+ Hotstar (2022-Present)
UI Motion, Lottie Animations, Promo Videos

 

Disney+ Hotstar is an Indian video-on-demand OTT streaming service. Since 2022, I have been working with them as Senior Motion Designer, working on and overseeing the entire motion aspect of the product.




Content Rating - Motion Design





Role : Design, Animation


I had the chance to design and animate these emojis for the Content Rating feature on the Disney+ Hotstar app. The emojis had to accurately convey the emotion a user feels towards a certain content. One additional challenge was to keep the emotions appear intact at a rather small scale (in which these were to appear inside the app). I worked my way through iterations to finally arrive at this version which worked well in user tests to precisely represent the corresponding emotions. These emojis were implemented using animated lotties inside the UI.

Content Rating feature designed by Vanshika Nagpal 🙌




Emojis


Before Select



On Select





While working on the project, I had this idea of doing a fun mashup of animated visuals with the emojis at the centre of it all. Working on this idea and animating the visuals outside of the context of UI with some creative liberty turned out to be even more fun in some ways than creating the emojis! Some BTS and static designs from the video below.



Video Frames and BTS







The original music track in the Content Rating mashup was a remixed version of Beethoven’s Fur Elise, which wasn’t working too well according to what I had in mind. Luckily, the music artist on MusicVine had given access to all the components of the track (stem, synth, percussion, bass etc.) along with the original track, which is what I used to re-edit the sound track myself until I was able to achieve a balance between sound and the visuals accompanying it.




Other Explorations







Overall, a really fun experience designing and animating these emojis which now appear on the app and help millions of Disney+ Hotstar users customise their content preferences and in turn improve the recommendations they get.








Logo Animation - Hotstar Design







Role : Design, Animation. Animation Direction


Designed and animated this small fun ident for the Hotstar design team's logo.
As with every project, I keep looking for excuses to make rigs with shape layers, a few of these sometimes imperfect rigs are shown below along with some static frames from the video.

Hostrar Design Logo designed by Vivek  🙏





Behind the Scenes




 






Promo Video - MaxView on Disney+ Hotstar








Role : Script, Design, Animation, Art Direction


Promo video to promote MaxView, a brand new vertical cricket watching experience that lies at the absolute cusp of natural immersion. The aim was to highlight a new viewing experience of the country’s favourite sport in the the most comfortable, natural of grips, while enhancing the experience significantly.



Static Frames










In-app Video — Profile Education










Role : Script, Design, Animation, Art Direction


An educational video that would appear as a nudge on the platform right after the construct of ‘Profiles’ was introduced on the platform. The aim was to ensure that users who know about profiles create one, and those who don't are introduced to it.



Frames








Other Animations


Role : Design, Animation

Some examples of UI animations and in-app feature animations I worked on. The animations add factor of delight and make the app seem more user friendly.











To celebrate the ICC Men’s T20 Cricket World Cup 2024 and ODI World Cup 2023, I worked on animated versions of the otherwise static Disney+ Hotstar logo.





Animation on the sub-nav bar to highlight ongoing cricket matches in Asia Cup cricket tournament.



More UI animations
























Motion Designer, Illustrator
Email : 3vishank@gmail.com
© Vishank Kumar 2024