Digital Asset Manager

Optimizing Collab's Video Syndication Model

TEAM

CTO - Yak Rabinovich
Senior Product Designer - Kyle Foley
Product Designer - Jenny Lai
Engineer - Jeremy Hoffing
Engineer - Saurav Prakash

SUMMARY

Collab’s Digital Asset Manager provides enhanced content discovery and management tools, allowing internal teams and external partners to work more efficiently and effectively when leveraging Collab’s diverse library of over 2.5 million videos.

Collab’s Video Syndication Model

Users historically accessed Collab’s content library via three overlapping tools. Our team was tasked with consolidating these products into a single solution.

Challenge

Consolidate multiple legacy products into a robust video management solution which serves as a single source of truth for Collab’s departments and partners.

The Process

Understanding the Users

A diverse set of internal and external users access Collab’s content library on a daily basis, each with unique and shared goals. I worked to facilitate an inclusive research process that ensured buy-in from each user type.

Auditing Existing Workflows

I sat down with Collab's internal teams and observed their processes and workflows when using existing tools. This provided valuable qualitative insights and helped me identify key tasks and flows.

User Interviews & Surveys

I conducted interviews with contributers from each internal team, synthesizing into a list of primary and secondary product needs. These interviews allowed me to validate initial hypotheses and requirements identified by department stakeholders and executives. Using interview insights, I developed a user survey for additional sentiment and data gathering.

Competitive Analysis

Wazee is an enterprise-level DAM utilized by Collab's largest content partner, America's Funniest Home Videos. This served as our primary reference when analyzing features and flows.

Solution Requirements

Web and Mobile Parity
Rich Tagging and Metadata
Content Permissioning
Robust Search & Filtering
Asset Organization
Integrated Asset Sharing

Features & Permissions

Design and engineering collaborated closely to develop a list of features and functionality that would be included in V1 of the DAM. We maintained early iterations of the list in Google Sheets before converting to user stories in Pivotal Tracker.

Information Architecture for V1

I developed a diagram that laid out basic views, information, and primary actions that would exist in V1 of the DAM. This served as an aid when collaborating with stakeholders and doing wireframe ideation.

Task Flows

We opted to break down user actions into granular task flows. This proved to be more digestable than a large, comprehensive flow diagram.

Building a design system with Material UI

We opted to build out Collab’s first design system in parallel with the asset management system, utilizing Material UI as a foundation for our components. This decision inspired a visual direction that incorporated Material elements but didn't strictly adhere to Material guidelines.

Mobile Wireframes

Figma Prototypes

We utilized Figma prototypes to conduct both desktop and mobile testing with stakeholders and users, allowing us to iterate, validate, and refine our designs.

Bulk Actions

Sorting & Filtering

Bin (Folder) Management

Desktop Visual Design

Creating the Design System

Once visual design was complete, we focused our efforts on building out Collab's design system with Figma and React. Detailing component functionality, states, and establishing global type styles proved to be a challenging but rewarding process that will expedite development of Collab's products.