Web3 · Ürün ekosistemi
' d='M13.5707 6.12115L13.571 10.3638L12.8449 10.3635L12.8449 7.36016L6.87778 13.3273L6.36453 12.8141L12.3317 6.84692L9.3284 6.84692L9.3284 6.12115L13.5707 6.12115Z' fill='%23111214'/%3E%3C/g%3E%3C/svg%3E){kind=small}
- ROL
- Lead UX/UI Designer · RoofStacks
- KAPSAM
- Back Office ve Brand Office, Mobil uygulamanın yenilenmesi, Tasarım sistemi, Web sitesi hikâyesi
- PLATFORMLAR
- Web, Mobil, Back Office
- YIL
- 2023–2025
- ÖDÜLLER
- Altın Örümcek · Web Excellence 2024
PROJE ÖZETİ
GoArt Worlds: karmaşık bir Web3 ekosistemini herkesin anlayacağı hale getirdik.
Markaların ve operasyon ekibinin kullandığı yönetim araçlarının tasarımını yönettim, mobil uygulamanın görsel dilini baştan kurdum. Web sitesini de zaman yolculuğu ve dört farklı giriş yolu üzerine kurulan bir hikâyeyle tasarladık.
BAŞLANGIÇ NOKTASI
İlk durak: kampanyaları yöneten araçlar.
İşe Back Office ve Brand Office’le başladım. Firmalar bu araçlarla kampanya oluşturuyor, mobil metaverse uygulamasındaki kullanıcılara ödül dağıtıyordu. Çalışma zamanla büyüdü: marka operasyonları, yenilenen mobil uygulama ve Play, Publish, Create, Invest rotaları üzerine kurulan web sitesi tek bir ekosistemde birleşti.
Ugur Anlak
@uguranlak
44Level%99
499/500 XP
Energy2/10
59:32
MOBİL UYGULAMA
Üç çağ, tek bir dünya.
Mobil arayüz tasarımını ben yönettim; görsel dili ve menüyü Time Traveler fikri üzerine kurdum. İçerik ekibinin 3D tasarımcıları ve sanat yönetmenleriyle birlikte, onların hazırladığı dünyaları ve 3D içerikleri üç çağa yerleştirdim. Gelecek çağı, sonraki güncellemeler için ayırdık.
KATILIM VE İLERLEME
Keşif, oyun ve ilerleme tek döngüde.
Görevleri, AR ile toplamayı ve etkinlikleri envantere, eşya üretimine ve profil seviyesine bağlayan akışları tasarladım. Kullanıcının bir etkinliğe katıldığı andan, topladıklarını ve kazandıklarını yönettiği ana kadar bütün akışı ben kurdum.
Her parça aynı dünyadan.
GoPack’leri ve diğer envanter objelerini içerik ekibinin 3D tasarımcıları ve sanat yönetmenleri hazırladı. Biz de UI ekibi olarak ikonları ve profildeki ekipman yer tutucularını çizip bu objeleri uygulamaya yerleştirdik.
Görevler, toplama ve eşya üretimi.
Malzeme toplamayı ve görevleri envanter ve eşya üretimiyle birbirine bağladım. Oyuncunun ilerleme döngüsü böylece uygulamanın içinde kuruldu.
Dünyalar arası etkinlikler.
Tarihi mekânlara ve marka etkinliklerine giriş akışlarını tasarladım. Bu etkinliklerde AR ile toplama ve liderlik tabloları katılımı ve rekabeti canlı tuttu.
WEB SİTESİ
Ekosisteme zaman yolculuğuyla giriş.
Web sitesinin açılışını Geçmiş, Şimdi ve Gelecek arasında yolculuk üzerine kurduk. GoArt simgesinin merkezde olduğu etkileşimli 3D sahnede avatar, zaman kapısına yaklaşıp içeri giriyordu.
Her bölümün hikâyesini kurguladım; karakterin tasarım yönünü, animasyonları ve zamanlar arası geçişleri koordine ettim. Tasarımı kendi ekibimiz yaptı, web sitesini ise dış bir ajans Three.js ve WebGL ile geliştirdi.
DÖRT GİRİŞ YOLU
Dört kapı, tek dünya.
Web sitesini Play, Publish, Create ve Invest olmak üzere dört rota üzerine kurduk. Oyun, marka kampanyaları, içerik üretici araçları ve dijital varlıkları ayrı hikâyelerle anlattık; hepsini ortak bir ürün diliyle birbirine bağladık.
Play, Publish, Create ve Invest.
BACK OFFICE VE BRAND OFFICE
Uygulamanın arkasındaki yönetim araçları.
Çalışmaya Back Office ve Brand Office ile başladım. Şirketler bu araçlarla kampanyalar oluşturuyor, mobil uygulama üzerinden ödül dağıtıyordu.
Marka kampanyalarını uygulamadaki akışlara bağlayan operasyon araçlarının tasarımını yönettim. Kapsama kimlik doğrulama (KYC) ve cüzdan akışları da dahildi; ortak ürün dilini bu araçlara da taşıdım.
EKİP VE ÖDÜLLER
Birçok ekibin ortak işi.
Tasarımda Berkay Boz ve Tayfun Holin’le birlikte çalıştım; ürün ve sanat ekipleriyle de yan yana ilerledik. Giyilebilir çantalar gibi objelerden Guardians gibi karakterlere kadar tüm 3D içerikleri ve animasyonları animasyon ekibi hazırladı. Biz UI ekibi olarak bu içerikleri uygulamaya yerleştirip bütünlüklü bir deneyim kurduk. Web sitesini dış bir ajans geliştirdi.
GoArt Worlds web sitesi, 22. Altın Örümcek’te Teknoloji kategorisi birinciliğini ve Halkın Favorisi birinciliğini kazandı. Ayrıca 2024 Web Excellence Awards’ta Award for Creativity ödülünü aldı. Bu ödüller tasarım, ürün, sanat, animasyon ve geliştirme ekiplerinin ortak çalışmasının sonucu.
SONUÇ
Ekosistemin tamamında ortak bir dil.
Neler teslim ettim
- 01Tasarım sisteminin temeli
- 02Back Office ve Brand Office temelleri
- 03Mobil uygulamanın görsel dili ve ekranlarının büyük bölümü
- 04Web sitesi konsepti ve bölüm hikâyeleri
- 05Tasarım ekibinin yönetimi
Bu projeden öğrendiğim
Bu kadar geniş bir dünyada her kitlenin kendi kapısı olmalı. Ama her kapı aynı dünyaya açılmalı.
SIRADAKİ PROJE
Birlikte
çalışalım.
Freelance, proje bazlı ve tam zamanlı işlere açığım.
