Una nuova casa per BUFI
Un sito ricostruito in dodici lingue, demo dal vivo da toccare invece di screenshot, due parole su come l'abbiamo fatto, e questo blog, dove ogni funzione ha il suo annuncio.
BUFI ha un nuovo sito. Aveva un solo compito: mostrare il prodotto per come ci si sente davvero a usarlo, alle persone per cui è costruito, nella lingua in cui pensano.
#Toccalo, non leggerne
La maggior parte dei siti finanziari ti mostra uno screenshot e ti chiede di immaginare il resto. Il nostro è fatto di pezzi funzionanti del prodotto. La finestra del workspace nell'hero è il vero layout del workspace. La sezione AI ti permette di aprire il pannello di Bu, sfogliare il menu di controllo e trascinare la dynamic island. La card dei workspace costruisce il proprio albero davanti a te mentre passi da un team a diversi.
Niente di tutto questo tocca denaro reale. Tutto si comporta come l'app.
#Dodici lingue dal primo giorno
Inglese, spagnolo, portoghese, francese, tedesco, italiano, olandese, turco, indonesiano, giapponese, coreano e cinese. Costruiamo per chi vive tra più paesi, quindi il sito li accoglie nella loro lingua invece di costringerli a tradurre un discorso sul denaro senza confini.
#Un blog con un annuncio per ogni funzione
D'ora in poi ogni funzione, ogni nuovo asset e ogni partner ha il suo post qui, con il suo film quando ne abbiamo uno. Una funzione arriva a tutti solo dopo che funziona da capo a fondo nell'ambiente beta, quindi questo blog è anche il registro di ciò che è davvero live.
Seguici su Discord, Telegram e X, oppure iscriviti al feed RSS in fondo al blog.
#Come l'abbiamo fatto
Abbiamo costruito questo sito come uno studio costruisce un progetto per gli Awwwards: una scena alla volta, dove ogni movimento deve guadagnarsi il suo posto.
- Lo scroll racconta la storia. Le sezioni compaiono, si fermano e si passano il testimone mentre scorri la pagina, così la storia segue il tuo ritmo invece di arrivare tutta in una volta.
- La seta. Il tessuto morbido e in movimento dietro i nostri banner è lo stesso sfondo animato che vedi quando accedi a BUFI, disegnato dal vivo nel tuo browser.
- Piccole cose che rispondono. I livelli si spostano con il cursore, il fumetto di Bu si può trascinare ovunque e le monete girano. Attiva il movimento ridotto e tutto resta fermo.
#Grazie, basement
Niente di tutto questo esisterebbe senza basement.studio e la loro libreria open source scrollytelling, lo strumento dietro il modo in cui questa pagina si muove mentre scorri, e senza il team di GSAP, il cui motore di animazione la fa girare. Grazie anche a chi c'è dietro Motion e three.js, e a tutte le persone che condividono apertamente il proprio lavoro creativo.
basement per noi è molto più di una libreria. Il loro lavoro è una parte importante del motivo per cui chi ha fondato BUFI si è trasferito a Buenos Aires nel 2024: allora la città ospitava alcuni dei migliori sviluppatori JavaScript creativi al mondo, e volevamo costruire accanto a loro. Questo sito è il nostro biglietto di ringraziamento.
#E una radio
Il sito ha un interruttore per l'audio e BUFI Radio, la nostra stazione lo-fi, per chi vuole una colonna sonora mentre legge di tesorerie. Tutto resta spento finché non lo accendi tu.