Leeann Sheely

Leadership & Design

Work

Introducing video to JioSaavn.

JioSaavn TV – Video Player
billboard.com
businessinsider.com
musically.com

JioSaavn is a music app. That’s what we do best. But seeing music too – wouldn’t that be something?

Role
Design Conception & Lead

I worked alongside the leadership, product and engineering teams to lead the design of the JioSaavnTV platform. JioSaavnTV allows video and audio to seamlessly live together in one effortless experience.

Audience & Mission
Pro Users & Monetization

Know your audience and do what you do best. As soon as these focus points are lost, so is the impact. JioSaavn does music best. Our goal was to introduce an even more engaging music experience to our power users (specifically Pro users) that:

  • Doesn’t sacrifice usability
  • Increases delight
  • Increases the Pro product value

We want our Pro users to be happy that they pay for our service, and feel that if we do the work the right way, the money will come.

Before Redesign

After Redesign

Approach
The Meat & Potatoes

The first stage was redesigning the player (above) in a way that could seamlessly facilitate video. The JioSaavn player was already unique in that the “now playing” view and queue are rolled into one fluid page (humble brag 😌). Now, we had to figure out how to add more (support for video, lyrics, and some kind of callout for various purposes), but make it feel like less.

With the redesign of the player, the display could show album artwork, a shortie (repeating “moving” artwork), or a full video, in dark or light mode, totally seamlessly – all depending on the content being played. No switching into different modes, no special buttons or gestures. It just works. As with most things that are simple, this was a huge challenge to solve.

I guess this is another humble brag (at what point is it no longer humble?). Because we did.

As mentioned, there are two types of videos within the JioSaavn app.

  • Shorties
  • Full Videos

Shorties are short form audio-free videos that loop, and are not directly tied to the audio, and are displayed at a portrait (9x16) ratio. Think of them as moving artwork for a song entity.

Full videos are their own entity entirely, with their own audio, and are displayed at a landscape (16x9) ratio.

We wanted video to be easy to find the user is looking, but not overwhelming or annoying if the user isn’t interested. In the player, any time a video is available for a song, we gracefully let the user know with a minimally invasive callout baked directly into the player queue.

We added video to the persistent tab bar, where videos are categorized in a combination of smart/learning modules, and promotional/popular ones. In addition, artist and song detail pages feature a video module if videos are available, and the home page features video modules to users who would like them based on our recommendation AI logic.

Credits
4 Teams,
Countless Contributers

Design Lead:
Leeann Sheely

Product Lead:
Clint Balcom

Engineering Lead:
Ramesh Sudini

Marketing Lead:
Akhila Shankar