Hai presente quella sensazione quando finisci di costruire qualcosa di cui sei davvero fiero, lo metti online, funziona bene, riceve complimenti e qualche mese dopo ti ritrovi già a guardarlo con occhi diversi? Non è insoddisfazione. È crescita. CTA Studio è arrivata alla versione 4 del suo portale, e la domanda più onesta da porsi davanti a questo aggiornamento è proprio questa: perché cambiare qualcosa che già funziona? La risposta, come spesso accade nel design, non sta nella risposta tecnica, ma in quello che la scelta racconta di chi la fa.
Cosa cambia davvero con CTA V4
La versione 3 del portale CTA era già una dichiarazione precisa: Single Page Application, transizioni fluide, architettura Firebase, animazioni GSAP, scroll morbido con Lenis. Un sito pensato come esperienza, non come brochure.
La versione 4 parte da quella base e la porta un gradino più in alto, dove i dettagli smettono di essere dettagli e diventano sostanza. Il focus di questo aggiornamento è la navigazione: più precisa, più reattiva, costruita attorno a Barba.js con un approccio ancora più maturo rispetto alla versione precedente.
In parallelo, l'identità visiva si affina. Non cambia radicalmente, non deve farlo, ma si assesta su una coerenza più netta, dove ogni elemento ha una ragione per stare dove sta. È il tipo di lavoro che non si vede subito, ma che si sente. Quella differenza tra un sito che funziona e un sito che convince.
Barba.js e la navigazione web app: cosa significa per chi visita il sito
Barba.js è una libreria JavaScript che gestisce le transizioni tra le pagine di un sito senza ricaricare il browser. Il risultato è una navigazione che si comporta come un'applicazione nativa: nessun "flash" bianco tra una pagina e l'altra, nessuna attesa percepita, nessuna interruzione nel flusso dell'esperienza.
Per capire perché questa scelta è rilevante, serve un passo indietro. La navigazione tradizionale di un sito web funziona così: clicchi su un link, il browser fa una nuova richiesta al server, scarica la pagina, la mostra. Ogni passaggio è tecnicamente separato dagli altri. Con Barba.js, quella separazione sparisce: le pagine si scambiano in modo fluido, con transizioni animate che accompagnano il passaggio invece di interromperlo.
In termini di esperienza utente, è la differenza tra aprire una porta e attraversare un passaggio senza soluzione di continuità. Non è solo estetica: riduce il disorientamento cognitivo, mantiene la percezione di continuità e, dato non secondario, riduce il tasso di abbandono nelle sessioni di navigazione più profonde.
Nel contesto di CTA V4, Barba.js lavora in sinergia con GSAP per orchestrare ogni transizione: l'uscita dalla pagina corrente e l'ingresso nella successiva diventano un'unica sequenza animata, controllata nei tempi e nelle curve di easing fino al millisecondo.
GSAP e Lenis: il tasto invisibile della fluidità
Se Barba.js gestisce il "tra una pagina e l'altra", GSAP e Lenis si occupano di tutto quello che succede dentro la pagina.
GSAP — GreenSock Animation Platform — è lo standard de facto per le animazioni web di alta qualità. Non è una libreria di effetti: è un sistema di controllo temporale che permette di orchestrare qualsiasi elemento visivo con precisione chirurgica. Testi che entrano, immagini che scorrono, interfacce che respirano. Tutto quello che su un sito sembra "vivo" ma non distrugge, quasi sempre passa da lì.
Lenis si occupa invece dello scroll. Normalizza il comportamento del mouse e del touch, aggiunge inerzia, rende il movimento verticale della pagina morbido e prevedibile. È uno di quegli strumenti il cui contributo si misura in sensazioni: non "questo sito ha Lenis", ma "questo sito scorre in modo strano, nel senso buono".
La combinazione di questi tre strumenti — Barba.js, GSAP, Lenis — non è casuale. È una scelta di stack che riflette una filosofia di lavoro: il web come spazio esperienziale, non solo informativo. Ogni transizione è progettata, non automatica. Ogni animazione serve a qualcosa, non decora.
Il caso Stripe: quando anche l'eccellenza si rinnova
Nel gennaio 2025, Stripe — l'azienda di pagamenti digitali che da anni è considerata il punto di riferimento assoluto per il web design nel mondo tech — ha lanciato il suo primo redesign dell'homepage in sei anni.
Il vecchio sito non era vecchio nel senso deteriore del termine. Era tecnicamente impeccabile, con il famoso gradient wave animato via WebGL, animazioni Three.js che avevano fatto scuola in tutto il settore, una qualità visiva che centinaia di startup avevano cercato di imitare. Eppure Stripe ha scelto di rifarlo completamente, con un anno intero di lavoro dedicato.
Katie Dill, Head of Design di Stripe, ha raccontato pubblicamente il processo: il sito precedente era diventato un accumulo di sezioni aggiunte nel tempo per servire pubblici diversi, startup, enterprise, sviluppatori, partner. Funzionava, ma non raccontava più una storia coerente. Non rispecchiava quello che Stripe era diventata.
Il nuovo sito ha risolto il problema con una narrativa più chiara, un approccio "bento box" alla presentazione dei prodotti, animazioni dei dati che solo Stripe poteva permettersi di costruire, come un contatore in tempo reale del GDP processato sulla piattaforma, e un gradient wave riprogettato con uno strumento custom sviluppato internamente.
La lezione che Stripe offre non è tecnica: è di visione. Un sito web non è un'opera finita. È un organismo che deve continuare a rispecchiare chi sei mentre cresci. Tenerlo fermo quando tu ti muovi è la forma più lenta di disallineamento.
Perché cambiare fa bene (e cosa rischia chi non lo fa)
C'è un paradosso nel web design che pochi vogliono ammettere: i siti che non vengono mai aggiornati trasmettono immobilità, anche quando il contenuto è ottimo. Il web si muove velocemente, gli standard tecnici cambiano, le aspettative degli utenti si alzano, i competitor evolvono e un sito fermo nel tempo comincia a comunicare, silenziosamente, che anche chi lo possiede è fermo.
Secondo i dati di Google sulla percezione della qualità (Core Web Vitals, 2024), il 53% degli utenti mobile abbandona una pagina che impiega più di tre secondi a caricarsi. Ma il problema non è solo la velocità tecnica: è la velocità percepita. E quella dipende in larga parte dalla fluidità delle interazioni, dalla qualità delle transizioni, dal senso generale che il sito sappia cosa sta facendo.
Il rinnovo, inteso correttamente, non è un esercizio di vanità. È igiene digitale. È il segnale che c'è qualcuno in casa, che lavora, che migliora, che non si è fermato. Per uno studio creativo come CTA, che fa del web design la sua competenza dichiarata, la qualità del proprio sito non è un dettaglio di comunicazione è la dimostrazione diretta di quello che sa fare.
In questo senso, CTA V4 non è un prodotto da vendere: è la prova più concreta che l'approccio dello studio funziona nella pratica, prima ancora che nei progetti dei clienti.
Conclusione
Ogni versione di un sito racconta una stagione. La V3 ha raccontato l'identità ritrovata, la chiarezza strutturale, la scelta di puntare sull'essenziale. La V4 racconta la maturità tecnica, il raffinamento dell'esperienza, la decisione di non smettere mai di migliorare qualcosa che già funziona.
È lo stesso impulso che ha spinto Stripe a rifare un homepage che il settore considerava già perfetta. Non perché fosse rotta. Perché c'era ancora qualcosa da dire meglio.
Nel web come nella vita, la versione migliore di te non è quella di ieri.
Vuoi esplorare come costruire un sito web che evolve con te?Iscriviti alla newsletter di Proposito: ogni settimana idee concrete su web, design e comunicazione.
