Un nouveau chez-soi pour BUFI
Un site entièrement refait en douze langues, des démos en direct que vous pouvez manipuler au lieu de captures d'écran, quelques mots sur sa fabrication, et ce blog, où chaque fonctionnalité a sa propre annonce.
BUFI a un nouveau site. Il avait une seule mission : montrer le produit tel qu'on le ressent vraiment à l'usage, aux personnes pour qui il est conçu, dans la langue dans laquelle elles pensent.
#Manipulez-le, ne vous contentez pas de lire
La plupart des sites financiers vous montrent une capture d'écran et vous demandent d'imaginer le reste. Le nôtre est fait de vraies pièces du produit qui fonctionnent. La fenêtre d'espace de travail en haut de page reprend la vraie mise en page de l'espace de travail. La section IA vous laisse ouvrir le panneau de Bu, parcourir le menu de contrôle et faire glisser la dynamic island. La carte des espaces de travail construit son arborescence sous vos yeux à mesure que vous passez d'une équipe à plusieurs.
Rien de tout cela ne touche à de l'argent réel. Tout se comporte comme l'application.
#Douze langues dès le premier jour
Anglais, espagnol, portugais, français, allemand, italien, néerlandais, turc, indonésien, japonais, coréen et chinois. Nous construisons pour des personnes qui vivent entre plusieurs pays, alors le site les accueille dans leur propre langue au lieu de leur faire traduire un discours sur l'argent sans frontières.
#Un blog avec une annonce par fonctionnalité
Désormais, chaque fonctionnalité, chaque nouvel actif et chaque partenaire a son propre article ici, avec son propre film quand nous en avons un. Une fonctionnalité n'arrive chez tout le monde qu'après avoir fonctionné de bout en bout dans l'environnement bêta, ce blog sert donc aussi de registre de ce qui est réellement disponible.
Suivez-nous sur Discord, Telegram et X, ou abonnez-vous au flux RSS en bas du blog.
#Comment nous l'avons fait
Nous avons construit ce site comme un studio construit un projet pour les Awwwards : une scène après l'autre, où chaque mouvement doit mériter sa place.
- Le défilement raconte l'histoire. Les sections apparaissent, se fixent et se passent le relais à mesure que vous descendez dans la page, pour que l'histoire avance à votre rythme au lieu d'arriver d'un seul coup.
- La soie. Le tissu doux et mouvant derrière nos bannières est le même fond animé que celui que vous voyez en vous connectant à BUFI, dessiné en direct dans votre navigateur.
- Des détails qui répondent. Les calques suivent votre curseur, la bulle de Bu se déplace où vous voulez et les pièces tournent. Activez la réduction des animations et tout reste immobile.
#Merci, basement
Rien de tout cela n'existerait sans basement.studio et leur bibliothèque open source scrollytelling, l'outil qui fait bouger cette page au fil du défilement, ni sans l'équipe de GSAP, dont le moteur d'animation l'anime. Merci aussi aux équipes derrière Motion et three.js, et à toutes les personnes qui partagent ouvertement leur travail créatif.
basement compte pour nous bien plus qu'une bibliothèque. Leur travail est une grande partie de la raison pour laquelle notre fondateur s'est installé à Buenos Aires en 2024 : la ville accueillait alors certains des meilleurs développeurs JavaScript créatifs au monde, et nous voulions construire à leurs côtés. Ce site est notre mot de remerciement.
#Et une radio
Le site a un bouton de son et BUFI Radio, notre propre station lo-fi, pour celles et ceux qui veulent une bande-son en lisant sur les trésoreries. Tout reste éteint jusqu'à ce que vous l'allumiez.