BUFI için yeni bir ev
On iki dilde yeniden inşa edilmiş bir web sitesi, ekran görüntüleri yerine dokunabileceğiniz canlı demolar, nasıl yapıldığına dair kısa bir not ve her özelliğin kendi duyurusunu aldığı bu blog.
BUFI'nin yeni bir web sitesi var. Tek bir görevi vardı: ürünü, kullanırken gerçekte nasıl hissettirdiğiyle, onu kimin için yaptıysak o insanlara, onların düşündüğü dilde göstermek.
#Okumayın, dokunun
Çoğu finans sitesi size bir ekran görüntüsü gösterir ve gerisini hayal etmenizi ister. Bizimki ise ürünün çalışan parçalarından oluşuyor. Giriş bölümündeki çalışma alanı penceresi, gerçek çalışma alanı düzenidir. Yapay zeka bölümünde Bu'nun panelini açabilir, kontrol menüsünde gezinebilir ve dinamik adayı sürükleyebilirsiniz. Çalışma alanları kartı, bir ekipten birkaç ekibe büyüdükçe kendi ağacını gözünüzün önünde kurar.
Hiçbiri gerçek paraya dokunmaz. Hepsi uygulamanın davrandığı gibi davranır.
#İlk günden on iki dil
İngilizce, İspanyolca, Portekizce, Fransızca, Almanca, İtalyanca, Felemenkçe, Türkçe, Endonezce, Japonca, Korece ve Çince. Ülkeler arasında yaşayan insanlar için inşa ediyoruz; bu yüzden site, sınırsız para hakkındaki bir sunumu onlara çevirtmek yerine onları kendi dillerinde karşılıyor.
#Her özellik için bir duyuru içeren bir blog
Bundan sonra her özellik, her yeni varlık ve her ortak burada kendi yazısını alacak; filmi olanlar kendi filmiyle. Bir özellik herkese ancak beta ortamında uçtan uca çalıştıktan sonra ulaşır; dolayısıyla bu blog aynı zamanda neyin gerçekten canlı olduğunun kaydıdır.
Bizi Discord, Telegram ve X üzerinden takip edin ya da blogun en altındaki RSS akışına abone olun.
#Nasıl yapıldı
Bu siteyi bir stüdyonun Awwwards için iş hazırlaması gibi inşa ettik: her sahneyi tek tek, her hareketin yerini hak etmesi gereken bir şekilde.
- Hikâyeyi kaydırma anlatıyor. Siz sayfada aşağı indikçe bölümler beliriyor, yerinde sabitleniyor ve birbirine devrediyor; böylece hikâye bir anda gelmek yerine sizin hızınıza ayak uyduruyor.
- İpek. Bannerlarımızın arkasındaki yumuşak, hareketli kumaş, BUFI'ye giriş yaptığınızda gördüğünüz animasyonlu arka planın ta kendisi ve tarayıcınızda canlı olarak çiziliyor.
- Karşılık veren küçük ayrıntılar. Katmanlar imlecinizle birlikte kayıyor, Bu'nun konuşma balonunu istediğiniz yere sürükleyebiliyorsunuz ve paralar dönüyor. Hareketi azaltmayı açarsanız her şey yerinde duruyor.
#Teşekkürler, basement
basement.studio ve kaydırdıkça bu sayfanın hareket etmesini sağlayan açık kaynaklı scrollytelling kütüphaneleri olmasaydı, onu çalıştıran animasyon motorunun sahibi GSAP ekibi olmasaydı bunların hiçbiri var olmazdı. Motion ve three.js'in arkasındaki insanlara ve yaratıcı çalışmalarını açıkça paylaşan herkese de teşekkür ederiz.
basement bizim için bir kütüphaneden çok daha fazlası. Kurucumuzun 2024'te Buenos Aires'e taşınmasının büyük bir nedeni onların işleri: o dönemde şehir, dünyanın en iyi yaratıcı JavaScript geliştiricilerinden bazılarına ev sahipliği yapıyordu ve biz de onların yanında inşa etmek istedik. Bu site bizim teşekkür notumuz.
#Bir de radyo
Sitede bir ses düğmesi ve hazineler hakkında okurken bir fon müziği isteyenler için kendi lo-fi istasyonumuz BUFI Radio var. Siz açana kadar her şey kapalıdır.