Curation Cards

Updated card component used by the international Disney & Hulu curation teams to program Disney Streaming's browse experience.

Role

Lead Product Designer

Collaborators

Product Manager, Engineering Lead

Problem

The Disney & Hulu Programming teams use 'Curation Cards' to make content selections for programming purposes. The existing solution limited visibility and introduced cognitive overload, ultimately distrupting optimal workflow

Builder mock spotlight

Auditing & Starting point

Before exploring concepts, I audited the existing toolsets as well as each respective presentation. I learned that there was an opportunity to consolidate metadata and improve the presentation density.

Auditing and starting point

Explorations

I explored ways to adjust data density while also improving the card presentation's clarity. The final third version offered a balance between space preservation and future feature additions.

Card iterations

Interactions & Hand-off

The final card solution includes various interactions including the ability to add the cards to a 'Set' and repositioning the cards within the 'Set container'

Adding cards
Position selection
Card anatomy
Card responsiveness
Card specs