Dailymotion

Dailymotion
Senior Product Designer-Media Management, Design System-2017-2018

Empowering Dailymotion's Video Partners to Manage, Publish and Go Live with Confidence

Improved media management tools for video publishers

Between 2017 and 2018, I was responsible for the UX and UI of Dailymotion's partner tool ecosystem. These web and mobile tools empowered over 30,000 content partners, including broadcasters and media publishers like France TV, CBS, and beIN Sports, to upload, edit, and livestream videos to their audiences.

Visit Dailymotion

Type

Product Design

Scope

Platform Redesign

Period

2017-2018

Company

Dailymotion

Dailymotion Partner Platform Overview

Overview


Introduction

Dailymotion was undergoing a major strategic pivot, shifting from general consumer content to repositioning itself as a premium platform for media partners. While high-profile partners were onboard, the existing platform tools were outdated, clunky, and inconsistent, hindering professional use. Thousands of videos were uploaded daily, managed from a legacy backend.

Role and scope

As Senior Product Designer for the Partner Business Unit, my role was to co-lead the full redesign. Rebuild the experience into a real control center for media operators.

Strategic goals

  • - Rework the media manager experience upload, edition and distribution
  • - Design a new Live Dashboard for video broadcasts
  • - Rethink player and widget managers
  • - Establish a scalable design infrastructure

Key product modules delivered

Video Management Workflows
Video Management Workflows - Redesigned the full video management experience, from upload to publication. Introduced batch processing, inline editing, and contextual sharing actions.
Live Dashboard
Live Dashboard - Designed the creation and monitoring interface for live video streams, ensuring real-time stats and clarity in a complex, high-pressure environment.
Player Manager
Player Manager - Redesigned the visual customization tools for embed players, allowing partners to define player themes and manage playback behaviors.

Video Upload and Management Workflows

How can a media platform help publishers process, manage, and monetize thousands of videos daily?

Managing large volumes of video required more than an upload button. Dailymotion's media partners worked with industrial-scale workflows, multiple encodes, metadata rules, ad configuration, and distribution timelines that all had to stay in sync. The objective was to design a system that made these operations fast, traceable, and intuitive. The new Upload flow introduced parallel processing with real-time progress and error visibility. Editors could queue files, edit titles or geoblocking while encoding ran, and publish once all checks passed.

Upload

Batch upload interface
Batch upload - Parallel uploads with real-time feedback. Editors can edit metadata, geoblocking, and scheduling while encoding runs. Reduces clip preparation time by 50%.
Cancel Upload - Smooth cancellation flow with visual feedback.
Thumbnail update - Upload an image and update video preview thumbnail instantly.
Add subtitles - Streamlined subtitle upload workflow.

Video Library

In the Video Library, hierarchy and motion replaced heavy controls. Hover actions surfaced only when needed, reducing clutter while keeping all operations one click away. The interface supported continuous publishing, users could act while data refreshed in the background, cutting idle time between uploads.

Video library
Video library - Bulk media management with status indicators and batch actions. Each video card shows privacy state, timestamp, view count, and duration overlay. Multi-select checkboxes enable batch operations on hundreds of videos.
Embed code - Input copy interaction and user feedback.
Time picker - 12/24H switch interaction.
Password protection - Secure video access workflow.
Geoblocking - Allow/Block video broadcasts in certain locations.
Share modal
Share modal - Full embed customization options with auto-generated iframe code that updates dynamically. Progressive disclosure keeps simple sharing lightweight while offering technical control.
Share modal keyboard mapping
Keyboard mapping - Share modal specifications.
Start time keyboard input
Start time input - Keyboard input specifications.
Add to playlist flow
Add to playlist - Streamlined playlist management flow.

Live Management Console

How can a live platform compete with Twitch and Facebook while giving professionals real control?

Going live brought a different kind of complexity. Operators needed to monitor performance and react instantly to encoding or audience shifts. The goal was to design a calm control surface that worked under pressure. The Live Manager structured all actions around three panels, Control, Information, and Record, matching the mental model of a live broadcast. Status changes and transitions were central: Ready > On Air > Recording > Completed. Each transition was animated with clear visual feedback to confirm that a command had been received. Metrics such as bitrate, viewers, or latency updated in place without motion noise.

Pre-broadcast countdown
Pre-broadcast countdown - Displays scheduled start time with OFF AIR badge. The persistent Share button enables promotional distribution before stream begins.
Live dashboard
Live dashboard - Monitors active broadcasts with real-time technical metrics and viewer count. The preview pane displays current stream frame with persistent LIVE badge and elapsed time. The right panel surfaces critical encoding parameters enabling technical operators to diagnose stream quality issues during high-pressure live events.

Player Manager

How do you turn player configuration into a task anyone can complete in minutes?

Once uploaded and streamed, videos needed consistent playback across partner sites. The Player Manager solved this by giving non-technical users the ability to create and configure their own players. The interface focused on progressive disclosure. Users started from a simple list and expanded into detailed tabs only when required. Creating a player triggered a guided flow: define appearance, assign content, then retrieve the embed code. Subtle transitions kept context between steps, avoiding modal interruptions.

Player template configurator
Player template configurator - Define appearance, assign content, retrieve embed code. Speed and control for editors managing dozens of templates.

Building a Scalable UI Kit

To ensure coherence across the growing product suite, I led the creation of a new Design System and Component Library.

UI Kit - Styles
UI Kit - Styles - Foundation for coherent product suite across all partner tools.
UI Kit - Components
UI Kit - Components - Scalable component library for consistent development.

Impact

The design approach delivered measurable business results. By focusing on core workflows and progressive complexity, we created tools that media partners could adopt quickly.

30,000+

Content partners served worldwide

10K+

Videos uploaded daily through the platform

-50%

Upload preparation time reduction

120+

UI components shipped in design system

Interested in working together?