BUFIの新しいウェブサイト

BUFIのウェブサイトを新しくしました。目的はひとつです。実際に使ったときの感覚そのままに、製品を届けたい人たちに、その人が考えるときの言語で見せることです。

#読むのではなく、触れてください

多くの金融サービスのサイトは、スクリーンショットを見せて残りは想像してもらう作りです。私たちのサイトは、実際に動く製品の一部でできています。トップにあるワークスペースのウィンドウは、本物のワークスペースのレイアウトです。AIのセクションでは、Buのシートを開き、コントロールメニューをめくり、ダイナミックアイランドをドラッグできます。ワークスペースのカードは、ひとつのチームから複数のチームへと広がるにつれて、目の前で自らツリーを組み立てていきます。

どれも本物のお金には触れません。すべてアプリと同じように動きます。

#初日から12の言語に対応

英語、スペイン語、ポルトガル語、フランス語、ドイツ語、イタリア語、オランダ語、トルコ語、インドネシア語、日本語、韓国語、中国語です。私たちは国と国のあいだで生きる人のために開発しています。だからこそ、国境のないお金についての説明を翻訳してもらうのではなく、その人自身の言語でお迎えします。

#機能ごとにお知らせするブログ

これからは、すべての機能、すべての新しい資産、すべてのパートナーについて、このブログで個別の記事をお届けします。映像があるものは映像も添えます。機能がすべての方に届くのは、ベータ環境でエンドツーエンドで動作してからです。そのため、このブログは実際に何が稼働しているかの記録にもなります。

Discord、Telegram、Xでフォローいただくか、ブログ下部のRSSフィードを購読してください。

#どのように作ったか

このサイトは、スタジオがAwwwardsの作品を作るのと同じように作りました。ひとつずつシーンを積み重ね、どの動きにもそこにある理由があるようにしています。

• スクロールが物語を語ります。 ページを下に進むにつれて、セクションが現れ、その場にとどまり、次のセクションへとバトンを渡します。物語が一度に押し寄せるのではなく、あなたのペースに合わせて進みます。
• シルク。 バナーの背景で柔らかく揺れる布は、BUFIにサインインするときに表示されるアニメーション背景と同じもので、ブラウザ上でリアルタイムに描画されています。
• 反応する小さな仕掛け。 レイヤーはカーソルに合わせて動き、Buの吹き出しは好きな場所へドラッグでき、コインは回転します。視差効果を減らす設定をオンにすると、すべてが静止します。

#ありがとう、basement

basement.studioと、スクロールに合わせてこのページを動かしているオープンソースのライブラリscrollytelling、そしてそれを動かすアニメーションエンジンを作ったGSAPチームがいなければ、このサイトは存在しませんでした。Motionとthree.jsを支える方々、そして自分たちのクリエイティブな仕事をオープンに共有しているすべての方々にも感謝します。

私たちにとってbasementは、ライブラリ以上の存在です。私たちの創業者が2024年にBuenos Airesへ移った大きな理由のひとつが、彼らの仕事でした。当時この街には世界でも指折りのクリエイティブなJavaScript開発者たちが集まっていて、私たちは彼らのそばで作りたいと考えたのです。このサイトは、私たちからの感謝の手紙です。

#そしてラジオも

サイトにはサウンドの切り替えと、私たち自身のlo-fiステーションであるBUFI Radioがあります。トレジャリーについて読みながらBGMがほしい方のためのものです。すべて、オンにするまではオフのままです。