Caso di studio SaaS

Tendenze TopFloor

Una piattaforma full-stack che trasforma un video lungo in una settimana di post brevi, li programma su tutti i social network su cui il creatore pubblica i propri contenuti e crea la campagna a pagamento a corredo di essi — il tutto senza uscire dalla dashboard.

  • Settore industrialeCreator and marketing SaaS
  • UtentiCreators, marketers and agencies
  • AutomazioneQueue processed every 15 minutes
  • ServiziProduct Design, Development, AI
Tendenze TopFloor: automazione dei contenuti tramite IA

Panoramica

TopFloor Trends è una piattaforma di gestione dei contenuti pensata per creatori e professionisti del marketing. Un unico spazio in cui suddividere un video lungo in clip brevi, progettare le miniature, programmare la pubblicazione dei post su tutte le piattaforme e gestire le campagne a pagamento da affiancare a quelle organiche.

Il progetto copre l'intero stack: una pipeline di intelligenza artificiale che analizza un video sorgente e suggerisce i segmenti da tagliare, una coda di pianificazione gestita da un cron job ogni quindici minuti, uno strumento per la creazione di miniature basato su prompt e modelli, e una procedura guidata di Google Ads che, partendo da un brief, genera una campagna attiva in meno di un minuto.

Ognuna di queste integrazioni comporta un limite di rate di qualcun altro, un modello di autenticazione di qualcun altro e un protocollo di upload di qualcun altro — ed è proprio a questo che è stato dedicato gran parte del lavoro di sviluppo, ed è proprio di questo che tratta la sezione verso la fine di questa pagina.

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

Video del progetto

tendenze topfloorUn video pubblicato. Una settimana di post pubblicati.

Una guida completa a TopFloor Trends, dall’inserimento di un URL di YouTube fino alla pianificazione di una settimana di video e a una campagna pubblicitaria live su Google Ads.

Funzionalità chiave

  • Generazione di clip tramite IA

    Inserisci l'URL di un video di YouTube: il modello analizza il video e restituisce i segmenti da tagliare, indicando gli argomenti e i timestamp per perfezionare il risultato.

  • Pianificazione multipiattaforma

    Un'unica coda che pubblica su TikTok, YouTube Shorts e Instagram Reels, con l'intero calendario dei contenuti visibile a colpo d'occhio.

  • Studio di miniature con intelligenza artificiale

    Miniature generate da un prompt e da un’immagine di riferimento facoltativa, in formato orizzontale, verticale o quadrato, basate su modelli che garantiscono la coerenza del marchio.

  • Procedura guidata di Google Ads

    Una guida sintetica che riassume la campagna — risorse, gruppi di annunci, budget, calendario — anziché una console pensata per i media buyer a tempo pieno.

  • Un unico pannello di controllo

    Contenuti organici e campagne a pagamento monitorati nello stesso posto, nello stesso periodo e rispetto agli stessi dati.

La sfida

Taglia il video, aggiungi un titolo, crea una miniatura, programma la pubblicazione… poi apri un altro strumento e rifai tutto da capo per la piattaforma successiva.

I creatori e i professionisti del marketing stavano sprecando la loro settimana a causa della parte meccanica del processo di pubblicazione. Gli strumenti c’erano, ma ognuno gestiva solo una singola fase: un editor in grado di tagliare un filmato ma non di pubblicarlo, uno strumento di pianificazione che non sapeva nulla degli annunci pubblicitari che apparivano accanto ai contenuti, una console pubblicitaria pensata per chi acquista spazi pubblicitari di professione piuttosto che per chi ha realizzato il video. Ogni passaggio di consegne tra questi strumenti comportava che qualcuno copiasse qualcosa da una scheda all’altra.

  • Ripetizione a mano

    Ritaglio, creazione di anteprime e programmazione effettuati uno alla volta, per ogni post, per ogni piattaforma, ogni volta.

  • Strumenti isolati

    Redattori, responsabili della programmazione e dashboard pubblicitarie che non comunicavano tra loro, per cui il flusso di lavoro si basava sul copia-incolla.

  • Non esiste un unico punto di vista

    Non c'era nulla che mostrasse il rendimento dei contenuti organici e delle campagne a pagamento messi a confronto.

La nostra soluzione

Un unico percorso, dal video grezzo alla campagna in diretta.

Abbiamo creato l’intero percorso in un unico posto. L’intelligenza artificiale analizza il video sorgente e propone le clip, così l’editor deve solo regolare i confini invece di doverli cercare. Lo studio delle miniature e la coda di programmazione si trovano nella stessa libreria, quindi una clip passa dalla generazione alla pubblicazione senza mai essere esportata. Inoltre, l’accesso a Google Ads avviene tramite una procedura guidata che richiede alcune indicazioni e crea la campagna, anziché tramite una console che presuppone che chi la compila lo faccia ogni giorno.

Analisi dei contenuti tramite intelligenza artificiale

La selezione dei clip e la creazione delle miniature sono gestite dal modello, quindi la parte più noiosa del lavoro viene proposta in anticipo, anziché dover essere eseguita in un secondo momento.

Piattaforme integrate

YouTube, TikTok e Google Ads in un'unica dashboard, per la gestione dei contenuti e la loro distribuzione.

Un wizard, non una console

Un flusso semplificato di Google Ads che suggerisce le risorse e riduce i tempi di configurazione della campagna da un pomeriggio a meno di un minuto.

Come funziona

Riutilizzo dei contenuti tramite 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.

La schermata "Riutilizza contenuto", con un URL di YouTube nel campo di caricamento e nove clip generate elencate sotto di esso, ciascuna con le opzioni di anteprima, programmazione, pubblicazione, TikTok e download.

Pianificazione unificata e libreria

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 coda di pianificazione, che mostra i conteggi relativi a elaborazione, pianificazione, caricamento, pubblicazione e errori, sopra una tabella consultabile contenente nove clip in coda con il relativo video di origine e lo stato.

Studio di miniature con intelligenza artificiale

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.

Thumbnail Studio, con un campo di testo per il prompt, il caricamento delle immagini di riferimento e il selettore di modelli sulla sinistra, e un'anteprima in tempo reale con opzioni relative alle dimensioni e alla qualità sulla destra.

Impatto e risultati

Una pipeline automatizzata e una coda in attesa.

La piattaforma è stata lanciata con funzionalità di riutilizzo dei contenuti integrate dall'inizio alla fine, un sistema di pianificazione in grado di funzionare anche se gestito da un cron job e un flusso pubblicitario così semplice da poter essere gestito autonomamente dall'autore del video.

Creazione di campagne Google Ads
Post programmati pubblicati con successo
Tempo di preparazione per ogni video
Tasso di fallimento dei cron job

Architettura

Architettura di alto livello

Diagramma dell'architettura di alto livello. Il browser dell'utente accede a un front-end Next.js 15 App Router, che comunica con Firebase tramite l'SDK client, con NextAuth per l'accesso a Google, Spotify e TikTok, e con le route API di Next tramite REST. Tali route API richiamano le API di Stripe, OpenAI, Spotify, TikTok, YouTube e Google Ads, nonché l’SDK di amministrazione di Firebase. Un cron job Vercel separato viene eseguito ogni quindici minuti sulla route process-youtube-queue.
Tutte le credenziali di terze parti risiedono dietro le rotte API, mai nel browser — e la coda di pubblicazione viene gestita autonomamente tramite cron, anziché tramite una richiesta.

Diagramma entità-relazione

Diagramma entità-relazione delle collezioni di Firestore. Un documento utente è collegato ad account pubblicitari, connessioni YouTube, connessioni TikTok, sessioni della procedura guidata per gli annunci e attività di riutilizzo dei contenuti su YouTube; gli account pubblicitari fanno riferimento a un documento delle impostazioni MCC di Google Ads, mentre i pagamenti Stripe sono associati all’utente.
Ogni utente è titolare delle proprie connessioni alla piattaforma, dei propri processi di riutilizzo dei dati e delle proprie sessioni della procedura guidata per gli annunci: è proprio questo che rende gestibili le quote per utente e l'aggiornamento dei token.

Cosa c'era da risolvere

Latenza nel riutilizzo dei video

Solution: Una coda di lavori asincrona con generazione parallela dei clip e consegna incrementale, in modo che i risultati arrivino man mano che vengono completati, anziché solo dopo che è stato completato il più lento. Un percorso FFmpeg di riserva copre i casi in cui ciò non risulti ancora sufficientemente veloce.

Quote e timeout delle API

Solution: I timeout di upload sono ottimizzati in base alla piattaforma e ogni richiesta in uscita è sottoposta a un backoff adattivo che gestisce dinamicamente la frequenza delle richieste, evitando così di esaurire la quota giornaliera nel giro di un pomeriggio.

Sicurezza dei processi cron in esecuzione simultanea

Solution: Blocco transazionale nel database. Un worker si appropria in modo atomico di un’attività prima di elaborarla, in modo che due esecuzioni cron sovrapposte non possano elaborare entrambe lo stesso elemento.

Doppio modello di autenticazione di Google Ads

Solution: Un'architettura a doppia modalità che acquisisce i token in modo diverso a seconda che l'account sia a livello di agenzia (MCC) o dell'utente stesso (BYO), con la scelta effettuata in fase di esecuzione anziché in fase di configurazione.

Nomi delle campagne duplicati

Solution: Un controllo dei duplicati tramite GAQL prima della creazione. In caso di conflitto, il sistema aggiunge un suffisso univoco e riprova, invece di generare un errore API su cui l'utente non può intervenire.

Diverse modalità di caricamento su TikTok

Solution: Un modulo di caricamento che supporta sia il protocollo chunked che quello pull-from-URL, con polling con backoff, annullamento delle attività e ripresa dei caricamenti non riusciti.

Domande

L'obiettivo principale era quello di creare una piattaforma SaaS unificata per ridurre drasticamente i tempi e la complessità con cui devono confrontarsi i creatori di contenuti e gli esperti di marketing. Abbiamo puntato ad automatizzare il riutilizzo dei contenuti, ottimizzare la pianificazione multipiattaforma e semplificare la creazione di campagne pubblicitarie grazie all'intelligenza artificiale.

Sei pronto ad automatizzare la parte più noiosa?

Costruiamo insieme la tua piattaforma di contenuti.