Contactez-nous
Cas client · Audiovisuel public

Installer une culture produit, du research au design system, chez France Télévisions

France Télévisions modernise son numérique sur plusieurs offres. Frontguys y intervient sur toute la chaîne, de la recherche utilisateur au développement accessible, en passant par un design system à design tokens, avec une collaboration inter-offres documentée.

La page d'accueil d'Outre-mer La 1ère (édition Martinique)
  • 9 territoiresUltramarins couverts (Outre-mer La 1ère)
  • 3 offresAccompagnées en parallèle
  • 2 ansPour structurer le design system France Info
  • Research → DevToute la chaîne produit couverte

Enjeux

Le groupe audiovisuel public, sur plusieurs fronts

France Télévisions est le groupe audiovisuel public français. Son numérique se décline en de multiples offres et rédactions, avec des exigences fortes de qualité, d'accessibilité et de service public.

Frontguys y intervient sur plusieurs offres en parallèle (Outre-mer La 1ère, France Info) et sur toute la chaîne de valeur : recherche utilisateur, product design, design system et développement front-end accessible.

Secteur
Audiovisuel public
Offres
Outre-mer La 1ère, France Info
Chaîne couverte
Research → Design → DS → Dev
Accessibilité
Web, Android, iOS (RGAA / WCAG)

Problème

Des décisions à l'intuition, un design system sans cadre

Sur des produits à forte audience, les décisions restaient souvent guidées par l'intuition plus que par le terrain, et le design system s'était construit sans cadre méthodologique clair.

  • Des décisions produit historiquement basées sur l'intuition, peu de validation terrain
  • Des usages très hétérogènes sur 9 territoires ultramarins
  • Un design system France Info sans cadre : dette design et technique, pas de tokens, documentation partielle
  • Des risques d'accessibilité et de cohérence entre app et web
  • Sur le Live France Info : qualité, modération, référencement et interopérabilité à sécuriser

Objectif

Décider par la donnée, fiabiliser le socle, sécuriser le run

L'objectif : réintroduire la recherche utilisateur au cœur des décisions, fiabiliser le design system via des design tokens, et industrialiser un développement front-end accessible et durable.

  • Réintroduire la recherche utilisateur et des personas partagés
  • Harmoniser le design system web et app
  • Fiabiliser le design system France Info via une architecture à design tokens
  • Sécuriser et industrialiser le Live (qualité, accessibilité, performance)

Méthode

De la recherche terrain au composant accessible

Frontguys a couvert toute la chaîne : recherche multi-territoires, ateliers d'alignement, design tokens, workflow de design system, et développement front-end accessible, avec une collaboration inter-offres.

  1. 1Recherche utilisateurinterviews et tests d'usage multi-territoires, immersion des PO et des devs
  2. 2Alignement & personasateliers de co-conception, priorisation par impact, personas partagés
  3. 3Design tokensaudit, nommage, refonte de l'architecture des composants (France Info)
  4. 4Workflow design systemhandoff, recette, versioning, suivi Jira, réduction de la dette
  5. 5Développement front accessiblecomposants réutilisables, refactoring, couverture de tests, CI/CD, SEO, performance
  6. 6Accessibilité & inter-offresRGAA/WCAG web, Android, iOS ; partage de patterns avec Franceinfo et France 3 Régions
La documentation du design system France Info (composant Button)

Expertises

Les expertises Frontguys mobilisées

Recherche, design, design system et développement : Frontguys couvre la chaîne complète, avec l'accessibilité comme fil rouge sur l'ensemble des offres accompagnées.

  • UX Research

    Entretiens exploratoires, tests d'usage multi-territoires, immersion PO / devs, personas partagés.

  • Product Design

    Cadrage, parcours, architecture de l'information, UI web et mobile, prototypage.

  • Design System

    Design tokens (core / semantic / component), architecture de composants, gouvernance, documentation, versioning.

  • Développement front-end

    Composants réutilisables et accessibles, refactoring, couverture de tests, CI/CD, SEO, performance, mutualisation Live / BO.

  • Accessibilité RGAA / WCAG

    Conception et intégration accessibles web, Android et iOS, en lien avec un expert accessibilité.

  • Culture produit & data

    Ateliers d'alignement, acculturation des équipes, rituels et collaboration inter-offres.

Résultats

Une culture produit installée, un socle fiabilisé

Au-delà des livrables, l'accompagnement a fait évoluer la façon de décider et de collaborer. Les indicateurs présentés ici relèvent du périmètre et de l'organisation (les KPI d'audience sont suivis côté client).

  • 9 territoiresUltramarins couverts par une expérience harmonisée
  • 3 offresFrance TV accompagnées en parallèle
  • 2 ansPour structurer le design system France Info
  • ~18 pers.Équipe pilotée sur Outre-mer La 1ère (web + apps)
  • Design tokensNouvelle architecture du design system
  • Live + BOComposants accessibles mutualisés

Voir nos autres études de cas

Nous accompagnons vos équipes avec la même exigence : apporter de la valeur.

  • Lefebvre Dalloz

    Lefebvre Dalloz

    Création et pilotage de l'entité Product Design, synchronisation Dev Front, design system et accessibilité.

  • Ulys

    Refonte globale : tunnel d'achat, espace abonnés et design system, du grand public au B2B.

Nous sommes à votre écoute

Envie d'un accompagnement comme celui-ci ?

Structurons ensemble votre design, votre design system et vos produits, de la gouvernance jusqu'à la mise en production.

Contactez-nous