Vevo cMS 2.0 

Working with engineers, team leads and products managers, I redesigned the UX and UI of Content Management System for Vevo. Due to the system being so complex, there was an opportunity to work with multiple teams and solve many business needs. Users of the new CMS are primary employees of Vevo. The long term plan was to allow access to partners and contributors of Vevo. 

 
Post created from new system

Post created from new system

Original Post Creation on Vevo CMS 1.0

Original Post Creation on Vevo CMS 1.0

 

Problem: Posting Content to all Vevo Platforms

Platform Needs

Vevo's old approach to posting had too many platform and territory inconsistencies, this needed some serious clean up. New CMS 2.0 would need to have a simplified post creation and easy way to make content, copy and imagery more reliable. 

As the team updated Vevo platforms, like web and iPhone apps, we needed a system that would scale with the platforms. Editors in the app needed to be able to schedule and preview posts for each platform.

 
 

Solution 1: Scheduling Posts

Content editors can plan out their postings in advance with the scheduling section of the system. When editors are creating posts, we added the option to schedule for the future, edit frequency and even the order of the appearance in the users feed. We can schedule featured clips, custom imagery and exclusive content for a premiere before it is even announced. 

 
Wireframe Example

Wireframe Example

Date Selector

Date Selector

Viewing schedule for selected time range - final design. 

Viewing schedule for selected time range - final design. 

 

Solution 2: Global Inbox  

Global Inbox helps Vevo content editors communicate across all territories Vevo reaches. The Global Inbox lists postings from other users and territories as well as the success of the post. The list makes it easy to duplicate popular postings from other territories that an editor may have missed.

 
Wireframe

Wireframe

Final Design

Final Design

 

Solution 3: Customize Copy, Imagery & Video Clips. 

With such a large catalog, we wanted to make creating posts easy as possible.

 

Step One for this was to create a hub for all of the video or playlist details. Editors can go into a video to upload or create custom images and clips. 

 
Video detail

Video detail

 

Step Two was to make use this video details in the post creation. Once the editor enters a video ISRC ( International Standard Recording Code) or playlist ID, images and clips are auto added from the catalog of content. A user can then edit the information filled further. 

 
Original Post Creator

Original Post Creator

Rough Wireframe

Rough Wireframe

Concept Wireframe

Concept Wireframe

Final Version

Final Version

 

Step Three was to give the editors a way to edit the information filled further. Editors can then go into each image and clip to edit details specific to the post. Features like an image cropper and clip (gif) creator were added to the post creation tool and the video detail page. 

 
Rough Image Editor Wireframe

Rough Image Editor Wireframe

Image Cropper

Image Cropper

 
Clip Editor

Clip Editor

 
Clip Editor - GIF Concept

Clip Editor - GIF Concept

Playlist Clip Selector with live preview

Playlist Clip Selector with live preview


Other scenarios the CMS product manager and I are solved for included:

  • Organizing catalog information with filtering, search and data.
  • Monitoring video statutes and system performance.
  • Tools to make personalization amazing for users on Vevo platforms.