Senior Product Designer · Gestion Média, Design System · 2017-2018
Permettre aux partenaires vidéo de Dailymotion de gérer, publier et diffuser en live en toute confiance
Outils de gestion média améliorés pour les éditeurs vidéo
Entre 2017 et 2018, j'étais responsable de l'UX et UI de l'écosystème d'outils partenaires de Dailymotion. Ces outils web et mobile ont permis à plus de 30 000 partenaires de contenu, incluant des diffuseurs et éditeurs médias comme France TV, CBS et beIN Sports, d'uploader, éditer et diffuser des vidéos en live à leurs audiences.
Visiter Dailymotion
Vue d'ensemble
Introduction
Dailymotion était en plein pivot stratégique majeur, passant du contenu grand public à un repositionnement comme plateforme premium pour les partenaires médias. Bien que des partenaires de renom soient déjà à bord, les outils de la plateforme existante étaient obsolètes, peu ergonomiques et incohérents, freinant l'usage professionnel. Des milliers de vidéos étaient uploadées quotidiennement, gérées depuis un backend legacy.
Rôle et périmètre
En tant que Senior Product Designer pour la Business Unit Partner, mon rôle était de co-piloter la refonte complète. Reconstruire l'expérience en un véritable centre de contrôle pour les opérateurs médias.
Objectifs stratégiques
- •Repenser l'expérience du gestionnaire média : upload, édition et distribution
- •Concevoir un nouveau Dashboard Live pour les diffusions vidéo
- •Repenser les gestionnaires de player et de widgets
- •Établir une infrastructure design scalable
TypeDesign Produit
ScopeRefonte Plateforme
Period2019-2021
CompanyDailymotion
Modules produit clés livrés
Workflows d'Upload et de Gestion Vidéo
Comment une plateforme média peut-elle aider les éditeurs à traiter, gérer et monétiser des milliers de vidéos quotidiennement ?
Gérer de gros volumes de vidéos nécessitait plus qu'un simple bouton d'upload. Les partenaires médias de Dailymotion travaillaient avec des workflows à l'échelle industrielle : encodages multiples, règles de métadonnées, configuration publicitaire et calendriers de distribution devaient tous rester synchronisés. L'objectif était de concevoir un système rendant ces opérations rapides, traçables et intuitives. Le nouveau flux d'Upload a introduit le traitement parallèle avec une visibilité en temps réel de la progression et des erreurs. Les éditeurs pouvaient mettre des fichiers en file d'attente, modifier les titres ou le geoblocking pendant l'encodage, et publier une fois toutes les vérifications passées.
Upload
Bibliothèque Vidéo
Dans la Bibliothèque Vidéo, la hiérarchie et le mouvement ont remplacé les contrôles lourds. Les actions au survol n'apparaissaient que lorsque nécessaire, réduisant l'encombrement tout en gardant toutes les opérations à un clic. L'interface supportait la publication continue : les utilisateurs pouvaient agir pendant que les données se rafraîchissaient en arrière-plan, réduisant le temps mort entre les uploads.
Console de Gestion Live
Comment une plateforme live peut-elle concurrencer Twitch et Facebook tout en donnant aux professionnels un véritable contrôle ?
Passer en live apportait une complexité différente. Les opérateurs devaient surveiller les performances et réagir instantanément aux changements d'encodage ou d'audience. L'objectif était de concevoir une surface de contrôle sereine fonctionnant sous pression. Le Live Manager a structuré toutes les actions autour de trois panneaux : Contrôle, Information et Enregistrement, correspondant au modèle mental d'une diffusion live. Les changements et transitions de statut étaient centraux : Prêt > À l'antenne > Enregistrement > Terminé. Chaque transition était animée avec un retour visuel clair pour confirmer qu'une commande avait été reçue. Les métriques comme le débit, les viewers ou la latence se mettaient à jour sur place sans bruit de mouvement.
Gestionnaire de Player
Comment transformer la configuration d'un player en une tâche que n'importe qui peut accomplir en quelques minutes ?
Une fois uploadées et diffusées, les vidéos avaient besoin d'une lecture cohérente sur les sites partenaires. Le Gestionnaire de Player a résolu ce problème en donnant aux utilisateurs non techniques la possibilité de créer et configurer leurs propres players. L'interface s'est concentrée sur la divulgation progressive. Les utilisateurs partaient d'une liste simple et développaient des onglets détaillés uniquement si nécessaire. La création d'un player déclenchait un flux guidé : définir l'apparence, assigner le contenu, puis récupérer le code embed. Des transitions subtiles maintenaient le contexte entre les étapes, évitant les interruptions modales.
Construire un UI Kit Scalable
Pour assurer la cohérence à travers la suite produit grandissante, j'ai dirigé la création d'un nouveau Design System et d'une Bibliothèque de Composants.
Impact
L'approche design a produit des résultats mesurables. En se concentrant sur les workflows essentiels et la complexité progressive, nous avons créé des outils que les partenaires médias ont pu adopter rapidement.
Partenaires de contenu dans le monde30 000+
Vidéos uploadées quotidiennement sur la plateforme10K+
Réduction du temps de préparation upload-50%
Composants UI livrés dans le design system120+