Tüm işler

KEOM Protocol · Case study · 4 dk okuma

KEOM Protocol: kripto kullanıcıları için DeFi borç verme ve marjin işlem uygulaması

KEOM Protocol, Polygon zkEVM ve başka ağlar üzerinde çalışan, kullanıcıların kripto varlık yatırıp faiz kazanabildiği ve bunları teminat göstererek borç alabildiği bir DeFi borç verme protokolüydü. Altı ay boyunca borç verme uygulamasını, marjin işlem ve yapay zekâ asistanı konseptlerini, markayı ve tasarım sistemini tasarladım; amaç, karmaşık finansal ürünlerin anlaşılır ve güvenli hissettirmesiydi.

Müşteri
KEOM Protocol
Yıl
2023
Rol
Baş tasarımcı ve Webflow geliştirici
Süre
6 Months
Sektör
DeFi, Web3, Fintech
Araçlar
Figma, Miro, Jiter, Webflow, Creative Cloud, G Analytics, Hotjar, Loom, Typeform, Spline, Illustrator CC
  • User Experience Research
  • User Interface Design
  • Design System
  • Webflow Development
  • Branding
  • Digital Designs

Bir bakışta

Sorun

Borç verme, borç alma ve kaldıraçlı işlem riskli ve teknik konular; arayüzün riski gizlemeden bunları sadeleştirmesi gerekiyordu.

Çözüm

Analitik ve kullanıcı testleriyle iyileştirilen bir borç verme uygulaması, marjin işlem ve yapay zekâ asistanı konseptleri, bir ödül programı ve ortak bir tasarım sistemi.

Sonuç

Veriyle beslenen, daha anlaşılır bir borç verme platformu, duyarlı bir Webflow tanıtım sayfası ve tüm ürünlerde tutarlı tek bir marka.

Teslim edilenler

  • Borç verme pazarı uygulaması
  • Marjin işlem konsepti
  • Yapay zekâ işlem asistanı konsepti
  • Ödül programı arayüzü
  • Marka kimliği ve tasarım sistemi
  • Webflow tanıtım sayfası
“The AI-Enhanced Suite of ZK Powered Trading Products” başlıklı KEOM tanıtım sayfası ve uygulama ekranları, perspektif görünüm
KEOM tek bakışta: tanıtım sayfası, borç verme uygulaması ve yapay zekâ asistanı.

Genel bakış

KEOM Protocol, kendini “yapay zekâ destekli, ZK tabanlı işlem ürünleri paketi” olarak tanımlayan merkeziyetsiz bir borç verme protokolüydü. Kullanıcılar kripto varlıklarını yatırıp faiz kazanabiliyor, bunları teminat göstererek borç alabiliyordu; pazarlar Polygon zkEVM, Polygon, Manta ve Astar zkEVM üzerinde çalışıyordu. [2]

2023'te altı ay boyunca stüdyom Beew üzerinden ekiple çalıştım. İş; borç verme pazarı uygulamasını, marjin işlem, yapay zekâ destekli kaldıraçlı pazar ve gerçek dünya varlıkları (RWA) pazarı konseptlerini, marka kimliğini ve tasarım sistemini, Spline ile hazırlanan 3D görselleri ve Webflow'da geliştirdiğimiz duyarlı tanıtım sayfasını kapsıyordu.

Protokolün geliştirilmesi daha sonra durduruldu: ekip, üzerine inşa ettiği Miden altyapısı öngörülen sürede üretime hazır hâle gelmeyince geliştirmeyi sonlandırdı. [1]

Sorun

DeFi borç verme, kullanıcısından çok şey bekliyor: bir düğmeye basmadan önce teminatı, borç limitini, sağlık faktörünü ve likidasyonu anlaması gerekiyor. Marjin işlem ve yapay zekâ destekli işlem ise anlatılması gereken riski daha da artırıyor.

  • Karmaşık ürünler: borç verme, marjin işlem ve yapay zekâ işlem asistanı, riski gizlemeden sade hissettirmeliydi.
  • Teknik gereklilik ve kullanılabilirlik: akıllı sözleşme kısıtları, cüzdanlar ve birden fazla ağ, insanların anlayacağı bir arayüze sığmalıydı.
  • Her ekran boyutu: yoğun işlem verisi hem masaüstünde hem telefonda çalışmalıydı.
  • Sürekli değişim: ürün geliştikçe büyük miktarda kullanıcı verisinin tasarıma geri beslenmesi gerekiyordu.

Hedefler

  • Kripto borç verme pazarını kolay kullanılır ve erişilebilir kılmak.
  • Platformu gerçek davranışla iyileştirmek: analitik, A/B testleri, anketler ve kullanılabilirlik testleri.
  • Her cihazda çalışan, duyarlı bir tanıtım sayfasını Webflow'da yayına almak.
  • KEOM'un vizyonuna uygun yeni ürünleri keşfetmek: marjin işlem, yapay zekâ destekli kaldıraçlı pazar ve gerçek dünya varlıkları pazarı.
  • Tüm ürünlerin ve temas noktalarının paylaştığı tek bir marka kimliği ve tasarım sistemi kurmak.

Yaklaşım

1. Riski eylemin yanına koy

Borç limiti, sağlık faktörü ve likidasyon riski, gösterge panelinin en üstünde renk kodlu çubuklar olarak duruyor; her pozisyon formu da likidasyon fiyatını içeren bir özetle bitiyor. Kullanıcı, imzalamadan önce sonucu görüyor.

2. Her ürün için tek sistem

Borç verme, marjin işlem, ödüller ve yapay zekâ asistanı aynı koyu arayüzü, mor vurgu rengini, varlık satırlarını ve bileşenleri paylaşıyor. Yeni bir ürün konsepti hızla tasarlanabiliyordu, çünkü parçalarının çoğu zaten vardı.

3. Tasarıma veri yön versin

Gerçek kullanımı Hotjar ve Google Analytics ile izledik; A/B testleri, anketler ve kullanılabilirlik testleri yaptık, rakipleri DefiLlama ve CoinMarketCap üzerinden inceledik. Her bulgu turu ekranlara geri döndü.

4. Mobil sonradan düşünülmez

Her ana akış, pazarlar, pozisyonlar, ödüller, işlem, duyarlı bir mobil düzen olarak da tasarlandı; aynı veri dar ekran için kaldırılmadı, yeniden dizildi.

Çözüm

Borç verme paneli

Gösterge paneli protokol toplamlarını, kullanıcının kendi yatırdığı ve borç aldığı bakiyeleri ve üç risk çubuğunu tek ekranda gösteriyor. Yatırılan ve borç alınan pazarlar yan yana duruyor; bir banner da kullanıcıyı Ethereum'dan Polygon zkEVM'e köprü kurmaya davet ediyor.

Toplam yatırılan ve borç alınan tutarlar, borç limiti, sağlık faktörü, likidasyon riski ve pazar listeleriyle KEOM borç verme paneli
Bakiyeler, risk ve pazarlar tek ekranda; kullanıcı pozisyonunu hiç gözden kaçırmıyor.
KEOM mobil ana sayfa: risk çubuklu zkEVM köprü banner'ı, yatırılan ve borç alınan varlıklar, yatırma pazarları ve alt bilgi
KEOM mobil ana sayfa: risk çubuklu zkEVM köprü banner'ı, yatırılan ve borç alınan varlıklar, yatırma pazarları ve alt bilgi
KEOM mobil ana sayfa: risk çubuklu zkEVM köprü banner'ı, yatırılan ve borç alınan varlıklar, yatırma pazarları ve alt bilgi
Aynı panel mobilde, kartlara dizilmiş hâlde.

Varlık detayı ve yatırma/borç alma

Her varlığın fiyat, yatırma ve borç alma APY'si, kredi/değer oranı ve likiditeyle kendi sayfası var; kullanıcının pozisyonları ve birkaç dokunuşla yatırma, borç alma ya da döngü (loop) yapmayı sağlayan bir panel de burada. Pazar seçici, borç verme ile marjin işlemi tek tık uzakta tutuyor.

Fiyat, APY'ler, kullanıcı pozisyonları ve yatırma, borç alma ve loop paneliyle KEOM ETH varlık sayfası
Varlık detayı: karar için gereken her şey, eylemin hemen yanında.
Toplam yatırılan ve borç alınan rakamlar, kullanım oranı ve rezerv faktörüyle KEOM varlık detay sayfası
Yatırmadan önce havuzu kontrol etmek isteyenler için pazar düzeyindeki rakamlar.

Marjin işlem

Marjin işlem konsepti, uzun/kısa emir panelini bir fiyat grafiği ve giriş, piyasa ve likidasyon fiyatı, kâr/zarar ve ödülleri gösteren bir pozisyon tablosuyla bir araya getiriyor. Mobilde kullanıcı pozisyon açmadan önce Polygon ID ile doğrulama yapıyor ve her emir önce eksiksiz bir pozisyon özeti gösteriyor.

Uzun/kısa paneli, kaldıraç kaydırıcısı, WETH/USDC fiyat grafiği ve açık pozisyon tablosuyla KEOM marjin işlem ekranı
Emir, grafik ve pozisyonlar tek düzende; likidasyon fiyatı her zaman görünür.
KEOM mobil marjin işlem: fiyat grafiği, uzun/kısa emir formu ve düzenleme ve kapatma seçenekli pozisyon listesi
KEOM mobil marjin işlem: fiyat grafiği, uzun/kısa emir formu ve düzenleme ve kapatma seçenekli pozisyon listesi
KEOM mobil marjin işlem: fiyat grafiği, uzun/kısa emir formu ve düzenleme ve kapatma seçenekli pozisyon listesi
Mobilde işlem: grafik, emir ve pozisyonlar üç odaklı ekranda.
KEOM mobil pozisyon formları: Polygon ID ile doğrulama, pozisyon özetli yeşil Go Long ve kırmızı Go Short düğmeleri
KEOM mobil pozisyon formları: Polygon ID ile doğrulama, pozisyon özetli yeşil Go Long ve kırmızı Go Short düğmeleri
KEOM mobil pozisyon formları: Polygon ID ile doğrulama, pozisyon özetli yeşil Go Long ve kırmızı Go Short düğmeleri
Önce doğrulama, sonra teminat, kaldıraç ve likidasyon fiyatı gözünün önündeyken uzun ya da kısa pozisyon.

Yapay zekâ işlem asistanı

Sanal DeFi asistanı “Alpha”, kullanıcının onaylaması için bir pozisyon özeti hazırlayan, sesli asistan tarzında bir katman olarak tasarlandı. Kaldıraç kaydırıcısında ise seçilen riski diğer aktif yatırımcılarla karşılaştıran sade bir ipucu gösteriyor.

Parlayan 3D küre, pozisyon özeti ve Go Long düğmesiyle “Hey Alpha, Virtual DeFi Assistant” katmanı
Yapay zekâ asistanı işlemi hazırlıyor; kullanıcı özeti inceleyip onaylıyor.
1x'ten 50x'e altı kaldıraç kaydırıcısı durumu; her birinde riski diğer yatırımcılarla karşılaştıran bir Alpha ipucu
Kaldıraç arttıkça ipucunun rengi değişiyor; bir rakam, fark edilen bir uyarıya dönüşüyor.

Kite Festival ödülleri

Kite Festival ödül programı, protokol kullanımını görevlere dönüştürüyor, Kite kazanmak için Manta Pacific üzerinde yatır ya da borç al, kişisel puan, sıralama ve cüzdan adreslerinden oluşan bir liderlik tablosuyla.

Bulutlu illüstrasyonlu başlık, My Kites puanı, sıralama ve görev kartlarıyla “Welcome to the Kite Festival” ödül sayfası
Kendine has havası olan, ama temel tasarım sisteminden kurulmuş bir ödül sayfası.
KEOM mobil ödül ekranları: Kite Festival karşılama, Supply on Manta görev listesi ve puan liderlik tablosu
KEOM mobil ödül ekranları: Kite Festival karşılama, Supply on Manta görev listesi ve puan liderlik tablosu
KEOM mobil ödül ekranları: Kite Festival karşılama, Supply on Manta görev listesi ve puan liderlik tablosu
Mobilde puan, görevler ve liderlik tablosu.

İşlem durumları ve modallar

Kullanıcıların en çok tedirgin olduğu yer cüzdan işlemleri; bu yüzden her adımın kendi durumu var: onaylandı, işlem oluşturuluyor ya da reddedildi; emir özeti de baştan sona görünür. Sorumluluk reddi modalları, kullanıcının uygulamaya girmeden önce kullanım koşullarını onaylamasını istiyor.

İşlem durumu bileşenleri: reddedilen onay adımı, emir özetli “işlem oluşturuluyor” ve onaylandı durumu
İşlem durumu bileşenleri: reddedilen onay adımı, emir özetli “işlem oluşturuluyor” ve onaylandı durumu
İşlem durumu bileşenleri: reddedilen onay adımı, emir özetli “işlem oluşturuluyor” ve onaylandı durumu
Net adımlar ve hata durumları, cüzdan işini yaparken kullanıcıyı sakin tutuyor.
Sorumluluk reddi modalları: onay kutusu, kaydırılabilir kullanım koşulları ve Leave ve OK düğmeli kısa sürüm
Sorumluluk reddi modalları: onay kutusu, kaydırılabilir kullanım koşulları ve Leave ve OK düğmeli kısa sürüm
Sorumluluk reddi modalları: onay kutusu, kaydırılabilir kullanım koşulları ve Leave ve OK düğmeli kısa sürüm
Koşullar küçük bir dipnot değil, bilinçli bir adım oluyor.

Sonuçlar

  • Anlaşılır ve sezgisel bir arayüze sahip, veriyle beslenen, kullanıcı dostu bir kripto borç verme platformu.
  • Webflow'da yayına alınan, her cihazda rahat kullanılan duyarlı bir tanıtım sayfası.
  • KEOM'un ürün yelpazesini genişleten, tasarlanıp olgunlaştırılmış konseptler: marjin işlem, yapay zekâ destekli kaldıraçlı pazar ve gerçek dünya varlıkları pazarı.
  • Tüm ürünlerde ve temas noktalarında tek bir marka kimliği ve tasarım sistemi.
  • Ürün, mühendislik ve pazarlama ekipleriyle daha akıcı bir iş birliği ve zamanında teslim edilen tasarım kilometre taşları.

Çıkarımlar

  • DeFi'de en önemli rakam, ne zaman para kaybedeceğini söyleyen rakamdır: onu düğmenin yanında tut.
  • Reddedilme dahil her işlem durumunu tasarla; güven orada kazanılır ya da kaybedilir.
  • Ortak bir tasarım sistemi, küçük bir ekibin yeni ürünleri hızla keşfetmesini sağlar.
  • Bir işlem ürünündeki yapay zekâ, yalnızca özellik eklememeli; riski sade bir dille anlatmalı.

Sık sorulan sorular

KEOM Protocol nedir?

KEOM Protocol, kendini “yapay zekâ destekli, ZK tabanlı işlem ürünleri paketi” olarak tanımlayan merkeziyetsiz bir borç verme protokolüydü. Borç verme pazarları Polygon zkEVM, Polygon, Manta ve Astar zkEVM üzerinde çalışıyordu. Ekip daha sonra protokolün geliştirilmesini durdurdu.

KEOM Protocol için ne tasarladın?

Borç verme pazarı uygulamasını (gösterge paneli, varlık detayı, yatırma ve borç alma akışları), marjin işlem ve yapay zekâ işlem asistanı konseptlerini, Kite Festival ödül programını, işlem durumlarını ve modalları, marka kimliğini ve tasarım sistemini, bir de Webflow ile geliştirilen duyarlı tanıtım sayfasını.

Proje ne kadar sürdü?

2023'te yaklaşık altı ay; KEOM'un ürün yöneticileri, geliştiricileri ve pazarlama ekibiyle Agile bir düzende çalıştık.

Kullanıcıların güvendiği bir DeFi borç verme uygulaması nasıl tasarlanır?

Güvenliği belirleyen rakamları, borç limiti, sağlık faktörü, likidasyon fiyatı, ayrı bir sayfaya değil, her eylemin yanına koy. Cüzdan imza istemeden önce her işlemin özetini göster, her adımı ve hata durumunu net yaz; koşulları ve riskleri kullanıcının geçip gittiği değil, onayladığı bir adım yap.

Şirketim için bir DeFi ya da Web3 ürünü tasarlayabilir misin?

Evet. Erken aşama AI, SaaS, fintech ve Web3 ekipleriyle ürün arayüzü, web sitesi ve tasarım sistemi üzerinde çalışıyorum. İletişim sayfasından bir görüşme ayarla ya da mesaj gönder.

Kaynaklar

  1. [1] KEOM, official website (discontinuation notice)
  2. [2] DefiLlama, Keom Protocol

Tasarlanacak bir ürünün mü var?

Ekiplerin karmaşık ürünlerini saniyeler içinde anlaşılan web sitelerine ve arayüzlere dönüştürüyorum. Bana ürününü anlat.

Sıradaki proje

MindSphere

Projeyi incele
MindSphere

Araçlar

Sosyal medya


© 2026 | Merak ve kafeinle yapıldı.

TR