Un nuevo hogar para BUFI

BUFI tiene un nuevo sitio web. Tenía una sola tarea: mostrar el producto tal como se siente usarlo, a las personas para las que está hecho, en el idioma en el que piensan.

#Tócalo, no lo leas

La mayoría de los sitios financieros te muestran una captura de pantalla y te piden imaginar el resto. El nuestro está hecho de piezas del producto que funcionan. La ventana del espacio de trabajo en la portada es el diseño real del espacio de trabajo. La sección de IA te deja abrir el panel de Bu, recorrer el menú de control y arrastrar la isla dinámica. La tarjeta de espacios de trabajo arma su propio árbol frente a ti mientras pasas de un equipo a varios.

Nada de esto toca dinero real. Todo se comporta como la app.

#Doce idiomas desde el primer día

Inglés, español, portugués, francés, alemán, italiano, neerlandés, turco, indonesio, japonés, coreano y chino. Construimos para personas que viven entre países, así que el sitio las recibe en su propio idioma en lugar de obligarlas a traducir una propuesta sobre dinero sin fronteras.

#Un blog con un anuncio por función

A partir de ahora, cada función, cada activo nuevo y cada aliado tiene su propio post aquí, con su propio video cuando lo tenemos. Una función llega a todos solo después de funcionar de punta a punta en el entorno beta, así que este blog es también el registro de lo que realmente está disponible.

Síguenos en Discord, Telegram y X, o suscríbete al feed RSS al final del blog.

#Cómo lo hicimos

Construimos este sitio como un estudio construye una pieza para Awwwards: escena por escena, y cada movimiento tiene que ganarse su lugar.

• El scroll cuenta la historia. Las secciones aparecen, se quedan fijas y se pasan el relevo a medida que bajas por la página, así la historia avanza a tu ritmo en lugar de llegar toda de golpe.
• La seda. La tela suave y en movimiento detrás de nuestros banners es el mismo fondo animado que ves al iniciar sesión en BUFI, dibujado en vivo en tu navegador.
• Detalles que responden. Las capas se desplazan con tu cursor, puedes arrastrar el globo de diálogo de Bu a cualquier parte y las monedas giran. Activa el movimiento reducido y todo se queda quieto.

#Gracias, basement

Nada de esto existiría sin basement.studio y su librería de código abierto scrollytelling, la herramienta detrás de cómo se mueve esta página mientras haces scroll, ni sin el equipo de GSAP, cuyo motor de animación la impulsa. Gracias también a quienes están detrás de Motion y three.js, y a todas las personas que comparten su trabajo creativo de forma abierta.

basement es mucho más que una librería para nosotros. Su trabajo es una gran parte de por qué nuestro fundador se mudó a Buenos Aires en 2024: en ese momento la ciudad reunía a algunos de los mejores desarrolladores creativos de JavaScript del mundo, y queríamos construir junto a ellos. Este sitio es nuestra nota de agradecimiento.

#Y una radio

El sitio tiene un control de sonido y BUFI Radio, nuestra propia estación lo-fi, para quien quiera música de fondo mientras lee sobre tesorerías. Todo está apagado hasta que lo enciendas.