← Tous les projets Étude de cas 06 / 07

( Publicis Live × Orange Events · mars 2021 → mai 2022 )

Des événements live, sans la fatigue Zoom.

Rôle
Product Designer · Lead design
Équipe
3 équipes produit · 5 designers
Outils
Figma · Notion · Vuetify
Stack
Amazon Web Services
Voilà.live, Backstage · Studio vidéo · Page événement
Backstage · Studio vidéo · Page événement

(01) Contexte

Pendant le confinement, Orange Events et Publicis Live ont décidé de construire leur propre plateforme de streaming pour les grands événements en ligne, afin de la proposer à leurs clients et de ne plus dépendre d’outils tiers.

Trois interfaces connectées

  1. 01Backstage : les organisateurs habillent l’événement, gèrent les participants, modèrent et pilotent les flux
  2. 02Studio vidéo : les intervenants diffusent avec des contrôles dignes de la télé, des effets et des sous-titres
  3. 03Page événement : les spectateurs regardent, chattent et réagissent, avec une clé de connexion unique
  4. 04Une vision produit cohérente sur les trois

(02) L’innovation

Regardez sur la TV. Chattez depuis votre téléphone.

Avec « Extended screen », le spectateur scanne un QR code et son téléphone rejoint le chat en direct pendant que l’événement passe sur grand écran.

  • 3 Interfaces connectées
  • 5 Designers managés
  • 3 Équipes produit
  • 5 Zones d’interaction par breakpoint

Comment j’ai travaillé

(03) Mon rôle & process

  1. 01

    Parcours multi-utilisateurs

    Tous les points de contact entre organisateurs, intervenants et spectateurs sur une seule carte.

  2. 02

    Des stories aux tâches design

    Les product managers écrivaient de petites user stories, et nous les transformions en tâches design avec les développeurs.

  3. 03

    Piloter l’équipe design

    Cinq designers, avec des tâches attribuées et suivies dans un Kanban Notion mis à jour chaque semaine.

  4. 04

    Design system Vuetify

    Une bibliothèque Material Design adaptée aux trois interfaces, pour des sprints plus rapides.

  5. 05

    Pair design

    Chaque fonctionnalité conçue de bout en bout, en binôme.

  6. 06

    Tester les livraisons

    Vérifier chaque build et faire des retours jusqu’à la mise en production.

(04) Gros plans

Voilà.live, Backstage, le back office organisateur

Backstage, le back office organisateur

Événements, intervenants, sessions et participants gérés depuis un seul back office : importer une liste d’invités, suivre le statut de chaque invitation et agir sur un participant en un clic.

(05) Ce que j’en retiens

  • 01

    Concevoir des systèmes

    Travailler sur plusieurs flux connectés a renforcé mes compétences en design de systèmes à grande échelle.

  • 02

    Partir d’un design system existant

    S’appuyer sur Material Design a permis à l’équipe d’aller beaucoup plus vite.

  • 03

    Beaucoup appris sur les breakpoints

    Un travail exigeant, et très gratifiant.

Voir voila.live ↗
Projet suivant → AXA Téléconsultation Angel