Uma nova casa para o BUFI
Um site reconstruído em doze idiomas, demos ao vivo que você pode tocar em vez de capturas de tela, uma nota sobre como ele foi feito e este blog, onde cada funcionalidade ganha seu próprio anúncio.
O BUFI tem um site novo. Ele tinha uma única missão: mostrar o produto do jeito que ele realmente é na mão, para as pessoas para quem ele foi feito, no idioma em que elas pensam.
#Toque, não só leia
A maioria dos sites financeiros mostra uma captura de tela e pede para você imaginar o resto. O nosso é feito de peças do produto que funcionam. A janela do espaço de trabalho no topo é o layout real do espaço de trabalho. A seção de IA deixa você abrir o painel da Bu, passear pelo menu de controle e arrastar a ilha dinâmica. O card de espaços de trabalho monta a própria árvore na sua frente enquanto você cresce de uma equipe para várias.
Nada disso mexe em dinheiro de verdade. Tudo se comporta como o app.
#Doze idiomas desde o primeiro dia
Inglês, espanhol, português, francês, alemão, italiano, holandês, turco, indonésio, japonês, coreano e chinês. Construímos para pessoas que vivem entre países, então o site as recebe no próprio idioma em vez de obrigá-las a traduzir um pitch sobre dinheiro sem fronteiras.
#Um blog com um anúncio por funcionalidade
A partir de agora, cada funcionalidade, cada novo ativo e cada parceiro ganha seu próprio post aqui, com seu próprio filme quando tivermos um. Uma funcionalidade só chega a todos depois de funcionar de ponta a ponta no ambiente beta, então este blog também é o registro do que está realmente no ar.
Acompanhe no Discord, no Telegram e no X, ou assine o feed RSS no fim do blog.
#Como foi feito
Construímos este site do jeito que um estúdio constrói um projeto para o Awwwards: uma cena de cada vez, em que cada movimento precisa merecer o seu lugar.
- A rolagem conta a história. As seções aparecem, ficam fixas e passam a vez umas para as outras conforme você desce a página, para que a história acompanhe o seu ritmo em vez de chegar toda de uma vez.
- A seda. O tecido suave e em movimento atrás dos nossos banners é o mesmo fundo animado que você vê ao entrar no BUFI, desenhado ao vivo no seu navegador.
- Pequenos detalhes que respondem. As camadas acompanham o seu cursor, o balão de fala do Bu pode ser arrastado para qualquer lugar e as moedas giram. Ative o movimento reduzido e tudo fica parado.
#Obrigado, basement
Nada disso existiria sem o basement.studio e a sua biblioteca de código aberto scrollytelling, a ferramenta por trás do jeito como esta página se move enquanto você rola, e sem a equipe do GSAP, cujo motor de animação faz tudo funcionar. Obrigado também às pessoas por trás do Motion e do three.js, e a todos que compartilham seu trabalho criativo abertamente.
O basement significa mais para nós do que uma biblioteca. O trabalho deles é uma grande parte do motivo pelo qual nosso fundador se mudou para Buenos Aires em 2024: naquela época, a cidade reunia alguns dos melhores desenvolvedores criativos de JavaScript do mundo, e queríamos construir ao lado deles. Este site é o nosso bilhete de agradecimento.
#E uma rádio
O site tem um botão de som e a BUFI Radio, nossa própria estação lo-fi, para quem quer uma trilha sonora enquanto lê sobre tesourarias. Tudo fica desligado até você ligar.