Lynksen, karmaşık bir B2B platformunun web sitesine Spline ile nasıl hayat verdi

Elecctro, otomatlar, elektrikli araç şarj istasyonları ve oto yıkama otomasyonu gibi gözetimsiz hizmetler için yazılım sistemleri geliştiriyor. Ürünleri donanımdan yazılıma uzanıyor ve tarihsel olarak B2B alıcılarla yoğun teknik şartnameler ve teknik diyagramlar üzerinden iletişim kuran bir pazar köşesinde yer alıyor. Misyonları, akıllı ve bağlantılı çözümlerle gözetimsiz hizmetleri modernleştirmek.

Elecctro’nun bir web sitesine ihtiyacı vardı. Ama herhangi bir web sitesine değil. Bir alıcının dikkatini ne yaptıklarını gerçekten anlatacak kadar uzun süre tutabilen, onları düzinelerce benzer şirketten görsel olarak ayıran ve ziyaretçileri hızla bir karara yönlendiren bir siteye.

Web sitesi deneyimini yeniden inşa etmek için işe alınan dijital tasarım ajansı Lynksen’in Proje Yöneticisi Tania, “Çok fazla bilgi aktarmaları gerekiyordu” diyor. “Ama aynı zamanda teknolojinin ağır bastığı bir alanda öne çıkmak da istiyorlardı.”

Cevap daha fazla içerik değildi. Bambaşka türde bir etkileşimli arayüzdü.

Sadece okunan değil, keşfedilen bir ana sayfa

Lynksen’in temel fikri ilk bakışta basit görünüyordu: sistemi yalnızca kelimelerle anlatmak yerine kullanıcıların onu keşfetmesine izin vermek.

Ana sayfa etkileşimli bir 3D sahneye dönüştü. Elecctro’nun tüm ürün ailesine, kullanıcıların üzerine gelebildiği, tıklayarak gezebildiği ve kendi hızlarında dolaşabildiği mekânsal bir genel bakış. Sahnedeki her öğe ayrı bir ürün sayfasına bağlı. “Bu ürün ne?” sorusundan “Konuşmaya hazırım” noktasına giden yol yalnızca birkaç tıklamaya indi.

Kullanıcılar ana sayfaya gidip her şeyi görebiliyor, bir kez tıklıyor ve Elecctro’ya ihtiyaç duyduğu bilgileri vermeye çoktan yaklaşıyor.

Bu anlamlı bir değişimdi. Çoğu B2B web sitesi ana sayfayı bir içindekiler tablosu gibi ele alır. Lynksen ise Elecctro’nunkini yukarıdan aşağı okunan değil, içinde dolaşılan bir ortam olarak kurdu.

Neden Spline?

Vizyon netti, ama onu nasıl hayata geçirirsin?

Geleneksel 3D araçlar söz konusu bile değildi. Yalnızca öğrenme süreci bile projeyi tüketirdi. Daha da önemlisi, Elecctro ekibinin siteyi yayından sonra sürdürebilmesi gerekiyordu. Bu da kara kutu süreçler, uzman sanatçılara bağımlılık ve sırf bir varlığı değiştirmek için aylarca alışma gerektiren araçlar olmaması demekti.

Lynksen Spline’ı değerlendirdi ve farklı bir yol gördü:

• Tek bir ortamda oluşturmak ve yinelemek.
• Etkileşimlerin prototipini doğrudan araçta yapmak.
• Karmaşık bir aktarım zinciri olmadan canlı ortama hazır varlıklar yayınlamak.

Neredeyse hiç deneyimimiz yokken ilk denemede eksiksiz bir proje teslim ettik.

Bunu mümkün kılan yalnızca araçlar değildi. Topluluktu. Tek satır kod yazmadan önce Lynksen ekibi Spline’ın topluluk kütüphanesinde zaman geçirdi: remiksleri keşfetti, diğer tasarımcıların etkileşimlere nasıl yaklaştığını anladı ve bu müşteri projesine uyarlayabilecekleri teknikleri belirledi.

Spline Community gibi, farklı projelerin bulunduğu ve insanların farklı etkileşimlere nasıl yaklaştığını görmek için remiksleyebildiğin bir yerin olması, öğrenme açısından bize çok yardımcı oldu.

Elecctro için bir etken daha vardı: uzun ömürlülük.

Ekiplerinin yayından sonra gerçekten sahiplenebileceği bir çözüm istiyorlardı.

Bir nesne eklemek, farklı bir etkileşim yapmak ve biz teslim ettikten sonra projeyi sürdürmek için çok teknik olmana gerek yok. Bu bizim için gerçekten kilit bir avantajdı.

Deneyimi inşa etmek

Lynksen’in süreci hiç hareket olmadan başladı.

Statik wireframe’ler. Düz arayüz yerleşimleri. Tek bir animasyon eklenmeden önce kurulmuş net bir bilgi hiyerarşisi. Ekip katman eklemeye ancak yapı sağlamlaştıktan sonra başladı.

Tania, “Her zaman statikten başlıyor, sonra animasyonu katman katman ekliyoruz” diyor. “Temel durumları wireframe’lerde ve eskizlerde tanımlıyoruz; uygulama sırasında da kamera hareketlerinde ince ayar yapıyor, animasyonlarla oynuyor ve her şeyin beklendiği gibi bir araya geldiğinden emin oluyoruz.”

Bu disiplin, projenin kendi hırsının altında ezilmesini önledi. Ekip basit bir tasarım ilkesine bağlı kaldı: hareket anlatıyı destekler.

Pratikte bu şu anlama geliyordu:

• 3D öğelerde ince hover durumları ve mikro etkileşimler
• Dikkati zorlamadan yönlendiren, kaydırmayla açılan içerikler
• Kullanıcıların gözünü kamaştırmak yerine yönünü bulmasını sağlayan kamera geçişleri
• Küçük sürprizlerin dikkat dağıtmak yerine keyif verdiği ikincil anlara (alt bilgi, 404 sayfası) ayrılmış etkileyici yaratıcılık

404 sayfası ekibin favorilerinden biri oldu. Tamamen Spline’da oluşturulan sayfa, kullanıcıların tıklayarak gizli 3D öğeleri ortaya çıkarmasını sağlıyor. Çoğu ziyaretçinin asla bulamayacağı küçük bir sürpriz, ama Lynksen ekibinin yaparken çok keyif aldığı belli.

Ross, “Küçük bir sürpriz saklamak çok hoş” diyor. “Biri bulursa tasarımcılar olarak çok mutlu oluruz.”

Web sitesinin gezinme menüsü boyunca kullanılan 3D ikonlardan bir ayrıntı.

Sonuçlar

Yeniden tasarlanan web sitesi yayına girdi ve rakamlar anında değişti.

Aktif kullanıcılar %524 arttı ve proje 5 ödül aldı.

Site 20.000 yeni görüntüleme kazandı ve tasarım topluluğunun dikkatini çekti.

Bu sonuçlar, ekibin bilinçli olarak inşa ettiği bir şeyi yansıtıyordu: yalnızca iyi görünen değil, gerçekten etkili bir web sitesi. Netliğe ihtiyaç duyan alıcılar için de, siteyi sürekli hazırda bir geliştirici olmadan sürdürmesi gereken müşteri ekibi için de işe yarayan bir site.

3D’yi düşünen ekipler için

Web’de ilk kez 3D’yi düşünen ekiplere Tania’nın tavsiyesi basit: geleneksel araçlarla başlamayın.

Spline’da öğrenme süreci yönetilebilir. Tasarım becerisi olan biri birkaç gün içinde işin içine girebilir. Ekibimiz kullanmaya başladığı ilk hafta içinde sağlam bir MVP çıkardı.

Ross bunu, ekiplerin 3D’ye yaklaşımındaki daha geniş bir değişim olarak görüyor: birden fazla karmaşık aracı ve iş akışını bir araya getirmek yerine ekipler tek bir ortamda tasarlayıp yineleyebilir ve yayına alabilir; bu da etkileşimli 3D’yi en baştan çok daha erişilebilir kılıyor.

Süper teknik bilgi gerektirmeden tek bir ortamda çalışmak ve gördüğünü yayına alabilmek istiyorsan Spline’ı seç.

Müşterilerine etkileşimli web deneyimleri öneren tasarım ajansları için proje ikna edici bir kanıt sunuyor: doğru araçla, hiç deneyim yokken tek bir projede ödüllü bir web sitesine ulaşabilirsin.

Spline’a başla

Lynksen gibi ajanslar da Spline’dan yararlanarak müşterilerinin karmaşık ürünleri; anlaşılması ve sürdürülmesi daha kolay, akılda daha kalıcı etkileşimli deneyimlerle anlatmasına yardımcı olabilir.

Elecctro için bu, teknik bir B2B platformunu ürünü netleştiren, karar vermeyi hızlandıran ve markanın kalabalık bir pazarda öne çıkmasına yardımcı olan etkileşimli bir web sitesine dönüştürmek demekti.

İster bir müşteri için üreten bir ajans ol ister kurum içi bir ekip, Spline karmaşık bir 3D süreci ya da uzman teknik beceriler gerektirmeden fikirden üretime daha hızlı geçmene yardımcı olur.

Satış ekibiyle görüş