Een nieuw thuis voor BUFI
Een volledig vernieuwde website in twaalf talen, live demo's die je kunt aanraken in plaats van screenshots, een paar woorden over hoe hij is gemaakt, en deze blog, waar elke feature een eigen aankondiging krijgt.
BUFI heeft een nieuwe website. Die had één taak: het product laten zien zoals het echt voelt om te gebruiken, aan de mensen voor wie het is gebouwd, in de taal waarin ze denken.
#Aanraken, niet erover lezen
De meeste financiële sites tonen een screenshot en vragen je de rest erbij te denken. De onze bestaat uit werkende stukken van het product. Het workspace-venster in de hero is de echte workspace-layout. In het AI-gedeelte kun je het paneel van Bu openen, door het bedieningsmenu bladeren en het dynamic island rondslepen. De workspace-kaart bouwt zijn eigen boom voor je ogen op terwijl je groeit van één team naar meerdere.
Niets daarvan raakt echt geld. Alles gedraagt zich zoals de app.
#Twaalf talen vanaf dag één
Engels, Spaans, Portugees, Frans, Duits, Italiaans, Nederlands, Turks, Indonesisch, Japans, Koreaans en Chinees. We bouwen voor mensen die tussen landen leven, dus de site ontvangt ze in hun eigen taal in plaats van ze een verhaal over grenzeloos geld te laten vertalen.
#Een blog met een aankondiging per feature
Vanaf nu krijgt elke feature, elk nieuw asset en elke partner hier een eigen post, met een eigen film als we die hebben. Een feature bereikt pas iedereen als hij van begin tot eind werkt in de bèta-omgeving, dus deze blog is meteen ook het logboek van wat echt live is.
Volg ons op Discord, Telegram en X, of abonneer je op de RSS-feed onderaan de blog.
#Hoe hij is gemaakt
We hebben deze site gebouwd zoals een studio een inzending voor de Awwwards bouwt: scène voor scène, waarbij elke beweging haar plek moet verdienen.
- Scrollen vertelt het verhaal. Secties verschijnen, blijven staan en geven het stokje door terwijl je naar beneden scrolt, zodat het verhaal jouw tempo volgt in plaats van in één keer binnen te komen.
- De zijde. De zachte, bewegende stof achter onze banners is dezelfde geanimeerde achtergrond die je ziet als je inlogt bij BUFI, live getekend in je browser.
- Kleine dingen die reageren. Lagen bewegen mee met je cursor, het tekstballonnetje van Bu kun je overal naartoe slepen en de munten draaien. Zet verminderde beweging aan en alles staat stil.
#Bedankt, basement
Niets hiervan zou bestaan zonder basement.studio en hun open-source bibliotheek scrollytelling, de toolkit achter de manier waarop deze pagina beweegt terwijl je scrolt, en zonder het GSAP-team, wiens animatie-engine alles aandrijft. Ook dank aan de mensen achter Motion en three.js, en aan iedereen die zijn creatieve werk open deelt.
basement betekent voor ons meer dan een bibliotheek. Hun werk is een groot deel van de reden waarom onze oprichter in 2024 naar Buenos Aires verhuisde: de stad was toen de thuisbasis van enkele van de beste creatieve JavaScript-ontwikkelaars ter wereld, en we wilden naast hen bouwen. Deze site is ons bedankbriefje.
#En een radio
De site heeft een geluidsknop en BUFI Radio, ons eigen lo-fi-station, voor wie een soundtrack wil bij het lezen over treasuries. Alles staat uit tot je het zelf aanzet.