Teknoloji · Yazılım · Konsept çalışma

Hizmetleri bir hikâyeye dönüştüren 3D site

Uygulama, yazılım ve web geliştiren bir stüdyo için; ziyaretçiyi kaydırdıkça sahne sahne ilerleten, WebGL tabanlı kurumsal web sitesi.

HizmetWeb tasarım ve geliştirme
KapsamUI, 3D sahne, içerik
Teknolojithree.js, WebGL
Süre6 hafta
Orbitra Labs 3D sahne: veri panelleriyle çevrili ışık çekirdeği

Brief

Üç ayrı hizmet kolu (mobil uygulama, iç yazılım, web) vardı ve mevcut site bunları alt alta sıralanmış kartlarla anlatıyordu. Ziyaretçi hangisinin kendisi için olduğunu ilk ekranda anlayamıyordu.

İstenen; teknik müşteriye güven veren, ama yönetim kuruluna da gösterilebilecek kadar sade bir deneyimdi.

Yaklaşım

Sayfayı tek bir kamera yolculuğu olarak kurguladık: her hizmet, kendi sahnesinde canlı bir arayüzle anlatılıyor. Metinler kısa, sahneler açıklayıcı.

Mobilde parçacık sayısı ve çözünürlük otomatik düşüyor; WebGL desteklemeyen cihazlarda içerik sade bir sayfa olarak açılıyor.

Masaüstü ve mobil

Kahraman alanı, hizmet sahneleri ve iletişim çağrısı aynı görsel dilde; mobilde sahneler dikey kadraja göre yeniden konumlanıyor.

orbitra.studio
Orbitra Labs 3D sahne: dizüstü ekranında kurumsal web sitesi
Design. Develop. Grow.Apps, software and websites — one team from first sketch to scale.Start a project
Orbitra Labs 3D sahne: uygulama ekranlı akıllı telefon ve grafik panelleri
Apps that feel native

Canlı 3D demoyu aç

Görseller

Orbitra Labs 3D sahne: yazılım iş akışı şeması
Orbitra Labs 3D sahne: uygulama ekranlı akıllı telefon ve grafik panelleri
Orbitra Labs 3D sahne: parçacıklardan oluşan galaksi
Orbitra Labs 3D sahne: proje başlangıcını simgeleyen ışık patlaması
Orbitra Labs 3D sahne: veri panelleriyle çevrili ışık çekirdeği

Süreç

Keşif

Hizmet kollarını ve hedef karar vericileri netleştirdik.

Kurgu

Sayfayı altı sahnelik bir senaryoya böldük.

Tasarım

Cam paneller ve canlı arayüzlerle görsel dili kurduk.

Geliştirme

WebGL sahnesini performans bütçesiyle kodladık.

Teslim edilenler

  • Kaydırmaya bağlı 3D web sitesi
  • Hizmet başına canlı arayüz animasyonları
  • Mobil ve düşük donanım için hafif mod
  • Erişilebilir metin katmanı ve WebGL yedeği
  • İçerik yazımı (İngilizce)
  • Performans ve tarayıcı testleri

Orbitra Labs, Vono Medya'nın hizmet yaklaşımını göstermek için hazırladığı bir konsept çalışmadır; marka ve içerikler örnektir.