Étude de cas sur le SaaS

Tendances TopFloor

Une plateforme « full-stack » qui transforme une longue vidéo en une semaine de publications courtes, les programme sur tous les réseaux sur lesquels le créateur publie du contenu et met en place la campagne publicitaire qui va avec — le tout sans quitter le tableau de bord.

  • IndustrieCreator and marketing SaaS
  • UtilisateursCreators, marketers and agencies
  • AutomatisationQueue processed every 15 minutes
  • ServicesProduct Design, Development, AI
Tendances TopFloor : automatisation du contenu grâce à l'IA

Aperçu

TopFloor Trends est une plateforme de gestion de contenu destinée aux créateurs et aux professionnels du marketing. Elle permet, en un seul et même endroit, de découper une longue vidéo en courts extraits, de concevoir les vignettes, de programmer la publication de contenus sur toutes les plateformes et de mener des campagnes payantes parallèlement aux campagnes organiques.

Ce projet couvre l'ensemble de la pile technologique : un pipeline d'IA qui analyse une vidéo source et propose les segments à extraire, une file d'attente de planification pilotée par une tâche cron toutes les quinze minutes, un studio de création de vignettes basé sur des consignes et des modèles, ainsi qu'un assistant Google Ads qui, à partir d'un brief, génère une campagne active en moins d'une minute.

Chacune de ces intégrations implique une limite de débit propre à chaque service, un modèle d'authentification propre à chaque service et un protocole de téléchargement propre à chaque service — c'est là que s'est concentrée la majeure partie du travail d'ingénierie, et c'est le sujet de la section située vers le bas de cette page.

  • Next.js 15
  • React 19
  • Tailwind CSS
  • Firebase
  • NextAuth
  • OpenAI API
  • Google Ads API
  • YouTube API
  • TikTok API
  • Spotify API
  • Stripe Payments
  • Vercel Cron

Vidéo du projet

tendances topfloorUne vidéo déjà en ligne. Une semaine de publications derrière nous.

Un guide complet sur TopFloor Trends, depuis le collage d'une URL YouTube jusqu'à la programmation d'une semaine de vidéos et à une campagne Google Ads en direct.

Fonctionnalités clés

  • Génération de clips par IA

    Collez l'URL d'une vidéo YouTube : le modèle analyse la vidéo, puis renvoie les segments à extraire, accompagnés des thèmes et des horodatages permettant d'affiner la sélection.

  • Planification multiplateforme

    Une file d'attente qui permet de publier simultanément sur TikTok, YouTube Shorts et Instagram Reels, avec l'ensemble du calendrier de contenu visible en un coup d'œil.

  • Studio de vignettes IA

    Vignettes générées à partir d'une consigne et d'une image de référence facultative, au format paysage, portrait ou carré, à partir de modèles qui garantissent la cohérence de l'image de marque.

  • Assistant Google Ads

    Un guide de campagne qui regroupe tous les éléments de celle-ci — ressources, groupes d'annonces, budget, calendrier — plutôt qu'une console conçue pour les acheteurs médias à temps plein.

  • Un tableau de bord

    Le trafic organique et les campagnes payantes sont suivis au même endroit, sur la même période et par rapport aux mêmes indicateurs.

Le défi

Coupez la vidéo, donnez-lui un titre, créez une vignette, programmez sa diffusion… puis ouvrez un autre outil et recommencez tout depuis le début pour la plateforme suivante.

Les créateurs et les spécialistes du marketing perdaient une semaine entière à cause de l’aspect mécanique de la publication. Les outils existaient, mais chacun ne gérait qu’une seule étape : un éditeur capable de monter un clip mais pas de le publier, un planificateur qui ne savait rien des publicités diffusées à côté du contenu, une console publicitaire conçue pour ceux qui achètent des espaces publicitaires de métier plutôt que pour la personne qui a réalisé la vidéo. Chaque transfert entre ces outils consistait à copier-coller du contenu d’un onglet à un autre.

  • Répétition à la main

    Le découpage, la création de vignettes et la programmation s'effectuent un par un, pour chaque publication, sur chaque plateforme, à chaque fois.

  • Outils cloisonnés

    Les rédacteurs, les planificateurs et les tableaux de bord publicitaires ne communiquaient pas entre eux, ce qui obligeait à recourir au copier-coller pour faire avancer le flux de travail.

  • Il n'y a pas de vue unique

    Rien ne permettait de comparer les performances du contenu naturel et des campagnes payantes.

Notre solution

Un parcours unique, de la vidéo brute à la campagne en direct.

Nous avons créé l'ensemble du parcours en un seul et même endroit. L'IA analyse la vidéo source et propose des extraits ; le monteur n'a donc plus qu'à ajuster les limites plutôt que de devoir les rechercher. Le studio de vignettes et la file d'attente de programmation s'appuient sur la même bibliothèque, ce qui permet à un extrait de passer de la génération à la publication sans jamais être exporté. Quant à Google Ads, on y accède via un assistant qui demande un brief et met en place la campagne, plutôt que via une console qui part du principe que la personne qui la remplit effectue cette tâche quotidiennement.

Analyse de contenu par IA

La sélection des extraits et la création des vignettes sont pilotées par le modèle ; ainsi, la partie fastidieuse du travail est proposée d’emblée, plutôt que d’attendre d’être effectuée.

Plateformes intégrées

YouTube, TikTok et Google Ads regroupés dans un seul tableau de bord, pour gérer le contenu et en assurer la diffusion.

Un assistant, pas une console

Un processus simplifié de Google Ads qui propose des ressources et réduit la configuration d'une campagne d'un après-midi à moins d'une minute.

Comment ça marche

Réutilisation de contenu grâce à l'IA

Users paste a YouTube URL to start an AI analysis that suggests the short-form clips worth cutting. The editor beside it is for fine-tuning start and end points and picking a platform-specific aspect ratio before anything is processed.

L'écran « Réutiliser le contenu », avec une URL YouTube dans le champ de téléchargement et neuf extraits générés répertoriés en dessous, chacun proposant des options d'aperçu, de programmation, de publication, de partage sur TikTok et de téléchargement.

Planification unifiée et bibliothèque

A central library holds every generated clip with filtering and search over it. The scheduler queues posts across multiple platforms from the same list, so the whole content calendar reads at a glance rather than one platform at a time.

La file d'attente de planification, qui affiche les nombres d'éléments en cours de traitement, planifiés, en cours de téléchargement, publiés et ayant échoué, au-dessus d'un tableau consultable contenant neuf clips en file d'attente, avec leur vidéo source et leur statut.

Studio de vignettes IA

The studio generates thumbnails from a plain prompt and an optional reference image, with templates for landscape, portrait and square. It is the piece that keeps a channel visually consistent without booking a designer for every upload.

Le Thumbnail Studio, avec un champ de saisie, un espace de téléchargement d'images de référence et un sélecteur de modèles à gauche, ainsi qu'un aperçu en temps réel avec des options de taille et de qualité à droite.

Impact & résultats

Un pipeline automatisé et une file d'attente qui stocke les éléments.

La plateforme était livrée avec une fonctionnalité de réutilisation de contenu de bout en bout, un système de planification capable de fonctionner via une tâche cron, ainsi qu'un flux publicitaire suffisamment simple pour que la personne ayant réalisé la vidéo puisse le gérer elle-même.

Création d'une campagne Google Ads
Publications programmées réussies
Temps de préparation par vidéo
Taux d'échec des tâches Cron

Architecture

Architecture de haut niveau

Schéma d'architecture de haut niveau. Le navigateur de l'utilisateur accède à une interface front-end Next.js 15 App Router, qui communique avec Firebase via le SDK client, avec NextAuth pour la connexion via Google, Spotify et TikTok, et avec les routes API Next via REST. Ces routes API appellent les API Stripe, OpenAI, Spotify, TikTok, YouTube et Google Ads, ainsi que le SDK d'administration Firebase. Une tâche cron Vercel distincte s'exécute toutes les quinze minutes sur une route « process-youtube-queue ».
Toutes les informations d'identification tierces sont stockées derrière les routes de l'API, jamais dans le navigateur — et la file d'attente de publication suit son propre chemin, géré par cron plutôt que par une requête.

Diagramme entité-relation

Diagramme entité-relation des collections Firestore. Un document « utilisateur » est lié à des comptes publicitaires, des connexions YouTube, des connexions TikTok, des sessions de l’assistant publicitaire et des tâches de réutilisation de contenu YouTube ; les comptes publicitaires font référence à un document de paramètres MCC Google Ads, tandis que les paiements Stripe sont associés à l’utilisateur.
Chaque utilisateur est propriétaire de ses connexions à la plateforme, de ses tâches de réutilisation et de ses sessions de l'assistant publicitaire — ce qui facilite la gestion des quotas par utilisateur et l'actualisation des jetons.

Ce qu'il fallait résoudre

Latence liée à la réutilisation des vidéos

Solution: Une file d'attente de tâches asynchrones avec génération parallélisée des clips et diffusion incrémentielle, de sorte que les résultats soient disponibles dès qu'ils sont prêts, et non pas après le plus lent d'entre eux. Un chemin FFmpeg de secours intervient lorsque la vitesse n'est toujours pas suffisante.

Quotas et délais d'expiration de l'API

Solution: Les délais d'expiration des téléchargements sont ajustés en fonction de chaque plateforme, et chaque appel sortant est soumis à un mécanisme de recul adaptatif qui gère dynamiquement le débit des requêtes, évitant ainsi d'épuiser le quota quotidien en un seul après-midi.

Sécurité des tâches cron exécutées simultanément

Solution: Verrouillage transactionnel dans la base de données. Un travailleur s'approprie une tâche de manière atomique avant de la traiter, de sorte que deux exécutions cron qui se chevauchent ne peuvent pas traiter simultanément le même élément.

Deux modèles d'authentification Google Ads

Solution: Une architecture bimode qui récupère les jetons de manière différente selon que le compte relève de l'agence (MCC) ou de l'utilisateur lui-même (BYO), ce choix étant déterminé au moment de l'exécution plutôt qu'au moment de la configuration.

Noms de campagne en double

Solution: Une vérification des doublons via GAQL avant la création. En cas de collision, le système ajoute un suffixe unique et effectue une nouvelle tentative, au lieu de renvoyer une erreur API sur laquelle l'utilisateur ne peut pas agir.

Différents modes de publication sur TikTok

Solution: Un module de téléchargement prenant en charge à la fois les protocoles « chunked » et « pull-from-URL », avec interrogation différée, annulation des tâches et reprise des téléchargements ayant échoué.

Questions

L'objectif principal était de créer une plateforme SaaS unifiée permettant de réduire considérablement le temps et la complexité auxquels sont confrontés les créateurs de contenu et les spécialistes du marketing. Nous avons cherché à automatiser la réutilisation du contenu, à rationaliser la planification multiplateforme et à simplifier la création de campagnes publicitaires grâce à l'IA.

Prêt à automatiser la partie la plus fastidieuse ?

Construisons ensemble votre plateforme de contenu.