• Add to Collection
  • Tools Used
  • About


    This main goal of this project is to give Zype platform users an easy and simple way to organize their video content. We wanted to not only help … Read More
    This main goal of this project is to give Zype platform users an easy and simple way to organize their video content. We wanted to not only help users visualize the hierarchy of their video content, but easily be able to edit that hierarchy. The organization of their video content within the CMS will directly correspond the organization of their content within their apps (on Apple TV, Roku, mobile, etc). As a user adds or makes an edit within the CMS, their app endpoints will reflect these edits in real time. Read Less
It’s no easy feat to bring a product that requires a handful of phone calls from Customer Support to one that is completely self-service. By improving the playlist management experience for Zype users, we were able to decrease questions to our support team in relation to this feature by nearly 80%.

Zype’s enhanced playlists allow video businesses to organize their video content into playlists and nest these playlists into a hierarchy (a common example: Genre > Series > Season > Episode); This hierarchy is mirrored within the client’s web, set-top and mobile apps. The primary goal was for each user to successfully set up their content structure and understand how this would carry over to their apps without needing to call into Customer Support.


Working closely with the Customer Success team, we learned clients were getting frustrated trying to create and manage their video content structure within the platform. And no surprise there! Clients had to navigate to a few different places in the platform to successfully create this structure. Not good, not fun.

In addition to keeping this flow in one place, we knew we needed to choose the best visual representation for this hierarchy (a common one being the Genre > Series > Season > Episodes structure) so that clients could understand how their content would be displayed on all devices. With research, rough sketches and quick feedback, we landed on a bird’s eye view approach to help our users understand their content structure at a quick glance, and still have the option to dig into the details of that structure.

As we were iterating on our wireframes with stakeholders, we fell into the trap of adding too many bells and whistles to appease every edge case. I mean, why not give the users a way to add a playlist from an already existing playlist and sync all edits between them? Well, for one, we found we were overwhelming users with options instead of giving them a simple way to manage their content structure.

Since we had a small team to carry out this MVP, we retracted the extra niceties and held off developing a fully flushed out first-time user experience, although considerations were made for future iterations. First and foremost, we wanted the drag and drop functionality to work seamlessly so that users could quickly move their playlists around without frustration.
Final UI touches

We sprinkled on some UI, implemented a few first-time user callouts and launched a simple and intuitive product for users to drag and drop playlists to create their content structure. After working through some kinks with the drag and drop feature, clients have been really satisfied with how easy it is to use and understand how their content structure will carry over to their apps.