Tüm işler

Guard Wallet · Case study · 3 dk okuma

Guard Wallet: Web3 kullanıcıları için çok cihazlı kripto cüzdan ve varlık koruma paneli

Guard Wallet, varlık koruması etrafında kurulan çok cihazlı bir kripto cüzdan: bir mobil uygulama, bir tarayıcı eklentisi ve kullanıcıların tek tek varlıklarını ya da tüm cüzdanlarını koruduğu duyarlı bir panel. Ürünü baştan sona tasarladım; amaç, güçlü kripto özelliklerini yeni başlayanlar için yeterince sade, deneyimli kullanıcılar için yeterince hızlı tutmaktı.

Guard Wallet durduruldu. Bu vaka çalışması, ürün için yapılan tasarım işini belgeliyor.

Müşteri
Guard Wallet
Yıl
2023
Rol
Baş tasarımcı (UX/UI)
Süre
5 Months
Sektör
Web3, Crypto wallet, Fintech
Araçlar
Figma, Miro, Creative Cloud, Loom, Illustrator CC
  • User Experience Research
  • User Interface Design
  • Mobile App Design
  • Design System
  • Branding

Bir bakışta

Sorun

Tam bir kripto cüzdanı ve güçlü varlık korumasını, hem yeni başlayanların hem deneyimli “degen” kullanıcıların güvenebileceği tek bir üründe birleştirmek.

Çözüm

Tek bir bileşen sistemi üzerinde mobil cüzdan, adım adım ilerleyen duyarlı bir koruma paneli ve ön satış landing page'i.

Sonuç

Gelişmiş özellikleri sadelikle dengeleyen ve korumayı kolayca kurduran güvenli, çok cihazlı bir cüzdan deneyimi.

Teslim edilenler

  • Mobil cüzdan uygulaması
  • Duyarlı koruma paneli
  • Ön satış landing page'i
  • Tanıtım ve güvenlik akışları
  • Tasarım sistemi ve bileşenler
  • Marka
$1,024.04 cüzdan bakiyesi gösteren bir telefonla “Protect Your Crypto Assets for Free!” başlıklı Guard Wallet landing page hero
Guard Wallet vaadi en başta: koruma; App Store, Google Play ve Chrome için indirme bağlantılarıyla.

Genel bakış

Guard Wallet, kripto yönetimini sadeleştirirken kullanıcıların varlıklarını korumayı amaçlayan çok cihazlı bir kripto cüzdan. Bir mobil cüzdan uygulaması, bir tarayıcı eklentisi ve duyarlı bir koruma panelinden oluşuyor; kullanıcıların varlıklarının ne sıklıkla kontrol edileceğini artırmak için stake ettiği bir $GRDWLT token'ı da var.

Ürünü stüdyom Beew üzerinden, 2023'te yaklaşık beş ayda tasarladım: kullanıcı araştırması ve rakip analizi, mobil cüzdanın tamamı, tanıtım akışıyla birlikte koruma paneli, erken kullanıcılar ve yatırımcılar için bir ön satış landing page'i ve hepsini birbirine bağlayan tasarım sistemi.

Sorun

Kripto cüzdanlar genelde ya sade ama sınırlı ya da güçlü ama korkutucu oluyor. Guard Wallet'ın hem tam özellikli bir cüzdan hem de bir koruma ürünü olması, ama ikisini de karmaşık hissettirmemesi gerekiyordu.

  • Gelişmiş kripto özelliklerini sade ve sezgisel bir deneyimle dengelemek.
  • Kullanım kolaylığından ödün vermeden güçlü varlık koruması sağlamak.
  • Yeni başlayanlara ve deneyimli “degen” kullanıcılara aynı platformda hizmet etmek.
  • Deneyimi mobil, tarayıcı eklentisi ve panel arasında tutarlı tutmak.

Hedefler

  • Güçlü koruma özelliklerine sahip, kullanımı kolay bir kripto cüzdan.
  • Yine de sade hissettiren gelişmiş cüzdan özellikleri: token'lar, NFT'ler, dapp'ler, ağlar, takas.
  • Akıcı bir tanıtım akışına sahip, duyarlı bir koruma paneli.
  • Ürünü ve token'ı erken kullanıcılara ve yatırımcılara anlatan bir ön satış landing page'i.

Yaklaşım

1. Varsayılan olarak sade, istenince derin

Ana ekran tek bir bakiye ve dört eylem gösteriyor, Buy, Swap, Send, Receive, altında da token ve NFT listesi. Ağlar, özel token'lar, dapp ayarları ve anahtarlar bir seviye aşağıda duruyor; yeni başlayanlar boğulmuyor, deneyimli kullanıcılar da her şeyi buluyor.

2. Her imzayı okunur kıl

Herhangi bir şey imzalanmadan önce bir alt sayfa; tutarı, ağı, ücreti, alıcıyı ya da onay isteyen dapp'i açıkça yazıyor ve dikkat gereken bir durum varsa uyarı gösteriyor. İnsanlar bir işlemi onaylamadan önce anlamalı.

3. Güvenlik anlarını tasarla

Cüzdanı yedeklemek, gizli kelimeleri ya da özel anahtarı göstermek ve şifre değiştirmek, hataların en pahalıya mal olduğu anlar. Her biri kendi ekranına, net bir uyarıya ve tek, belirgin bir sonraki adıma sahip.

4. Her cihazda tek sistem

Yapıyı kullanıcı araştırması ve rakip analizi belirledi; paydaşlarla yinelemeli testler onu olgunlaştırdı. Mobil uygulama, panel ve landing page aynı bileşen sistemini paylaşıyor, hesap başlığı, varlık satırları, alt sayfalar, uyarılar, böylece cihazlar arasında geçiş tanıdık hissettiriyor.

Çözüm

Ön satış landing page'i

Landing page koruma vaadini tanıtıyor, ürünü çalışırken gösteriyor ve erken kullanıcılarla yatırımcıların aradığı her şeyi sunuyor: özellikler, koruma sıklığı için staking, dokümantasyon ve denetimler, $GRDWLT kilometre taşları, tokenomik ve yol haritası.

Menü, Pre Sale ve Launch dApp butonlarıyla Guard Wallet landing page hero'sunun geniş görünümü
Menüden iki net yol: ön satışa katıl ya da dapp'i aç.
Bakiye ve son işlemlerle koruma panelini gösteren “Keep Your Assets Secure” özellikler bölümü
Özellik görseli ürünün kendisi: bir çizim değil, panel.
Özellik kartları: indirme butonlu Top Tier Protection, kontrol sıklığını ayarlayan staking kaydırıcısı ve whitepaper ile denetimli dokümantasyon
Koruma, staking ve denetimler üç kartta anlatılıyor.
Aşama sekmeleri, ilerleme çubuğu ve 2. aşama kilometre taşları listesiyle $GRDWLT Milestones bölümü
Aşamalara göre ön satış kilometre taşları; yatırımcılar her aşamanın neyi açtığını görüyor.
$GRDWLT token dağılımını gösteren halka grafikli tokenomik bölümü
Tokenomik, tek ve okunur bir grafikte.
Tamamlanan ve gelecek geliştirme kilometre taşlarıyla yol haritası zaman çizelgesi bileşeni
Yol haritası bileşeni: tamamlanan ve gelecek adımlar bir bakışta.

Tanıtım ve cüzdan kurulumu

Üç tanıtım kartı, Safe, Privacy, Speed, beklentiyi saniyeler içinde kuruyor. Kurulum ardından şifre belirlemeyi, mevcut bir cüzdanı içe aktarmayı ya da yenisini yedeklemeyi kapsıyor; her yolun sonunda net başarı ve hata ekranları var.

Token ikonları ve bir cüzdan adresiyle Safe, Privacy ve Speed başlıklı tanıtım kartları
Kurulum başlamadan önce her kartta bir vaat, toplam üç.
Tuş takımlı Welcome şifre ekranı, Import Wallet ekranı ve iCloud ile manuel seçenekli Backup Your Wallet ekranı
Tuş takımlı Welcome şifre ekranı, Import Wallet ekranı ve iCloud ile manuel seçenekli Backup Your Wallet ekranı
Tuş takımlı Welcome şifre ekranı, Import Wallet ekranı ve iCloud ile manuel seçenekli Backup Your Wallet ekranı
Şifre, içe aktarma ve yedekleme: her adım kendi sakin ekranında.
“Something went wrong!” hata ekranı, “Successful” onay ekranı ve Welcome Again kilit açma ekranı
“Something went wrong!” hata ekranı, “Successful” onay ekranı ve Welcome Again kilit açma ekranı
“Something went wrong!” hata ekranı, “Successful” onay ekranı ve Welcome Again kilit açma ekranı
Hata ve başarı durumları net; kimse işlemin olup olmadığını merak etmiyor.

Cüzdan: varlıklar, takas ve NFT'ler

Cüzdan üstte hesabı, bakiyeyi ve dört eylemi; altta sekmeler hâlinde token'ları ve NFT'leri gösteriyor. Varlık sayfaları fiyat grafiği ve geçmiş ekliyor; takas, onaydan önce kuru, fiyat değişimini ve kaymayı gösteriyor; NFT'ler aynı kalıplarla içe aktarılıp görüntülenip gönderilebiliyor.

$1,024.04 bakiye ve boş token durumuyla mobil cüzdan ana ekranı, Bitcoin varlık listesi ve fiyat grafikli Bitcoin detay ekranı
$1,024.04 bakiye ve boş token durumuyla mobil cüzdan ana ekranı, Bitcoin varlık listesi ve fiyat grafikli Bitcoin detay ekranı
$1,024.04 bakiye ve boş token durumuyla mobil cüzdan ana ekranı, Bitcoin varlık listesi ve fiyat grafikli Bitcoin detay ekranı
Ana ekran, varlık listesi ve detay: önce bakiye, detaylar bir dokunuş uzakta.
Bileşenler: BTC fiyat grafiği, Price Notification izin sayfası ve kur, fiyat değişimi ve kaymayla Approve Offer takas sayfası
Takas, butondan önce gerçek maliyeti gösteriyor: kur, fiyat değişimi, kayma.
NFT sekmesinin boş durumu, NFT koleksiyon ızgarası ve Send butonlu “Neon Citizen Code” NFT detay sayfası
NFT sekmesinin boş durumu, NFT koleksiyon ızgarası ve Send butonlu “Neon Citizen Code” NFT detay sayfası
NFT sekmesinin boş durumu, NFT koleksiyon ızgarası ve Send butonlu “Neon Citizen Code” NFT detay sayfası
NFT'ler, boş durumdan detaya kadar token'larla aynı özeni görüyor.
NFT sayfaları: Polygon'da Send NFT, adres ve token ID ile Import NFT ve detaylı Send MATIC onayı
NFT gönderme ve içe aktarma, token'larla aynı alt sayfa kalıbını kullanıyor.

Ağlar ve dapp onayları

Guard Wallet birden çok ağı destekliyor; bu yüzden ağ değiştirmek, eklemek ve yönetmek hem ayarlara hem de her işleme yerleşik. Bir dapp token harcamak ya da ağ değiştirmek istediğinde, istek Approve ve Cancel yan yana duran sade dilli bir alt sayfa olarak geliyor.

İşlem onay sayfaları: uyarıyla 100 MATIC gönderimi, USDT onayı isteyen bir dapp ve Switch Network isteği
Her imza açıklanıyor: tutar, kaynak, ücret ve gerektiğinde uyarı.
Ağ bileşenleri: tamamlanan gönderim detayı, Avalanche, BNB Smart Chain ve Fantom'lu Add Network sayfası ve alma QR kodu
Mevcut ekrandan çıkmadan ağ ekle ya da ödeme al.
Ayarlar menüsü, anahtarlı Privacy and Security ayarları ve ana ağlar ile test ağlarını içeren ağ listesi
Ayarlar menüsü, anahtarlı Privacy and Security ayarları ve ana ağlar ile test ağlarını içeren ağ listesi
Ayarlar menüsü, anahtarlı Privacy and Security ayarları ve ana ağlar ile test ağlarını içeren ağ listesi
Amaca göre gruplanmış ayarlar; gizlilik ve ağlar kolayca bulunuyor.
Uyarı ve kelime ızgarasıyla Show Secret Phrases ekranı, Add Network listesi ve Privacy Policy sayfası
Uyarı ve kelime ızgarasıyla Show Secret Phrases ekranı, Add Network listesi ve Privacy Policy sayfası
Uyarı ve kelime ızgarasıyla Show Secret Phrases ekranı, Add Network listesi ve Privacy Policy sayfası
Gizli kelimeler net bir uyarının arkasında; ağlar ve yasal sayfalar bir dokunuş uzakta.

Güvenlik ve ayarlar

Hassas eylemler, şifre girmek, özel anahtarı ya da gizli anahtarı göstermek, şifre değiştirmek, her zaman onay istiyor ve görünür bir uyarı taşıyor. Hata, uyarı, devam ediyor ve başarı için ortak uyarı stilleri, geri bildirimi uygulama genelinde tutarlı tutuyor.

İşlem geçmişi ekranı, uyarı ve tuş takımlı Enter Password ekranı ve Show Private Key ekranı
İşlem geçmişi ekranı, uyarı ve tuş takımlı Enter Password ekranı ve Show Private Key ekranı
İşlem geçmişi ekranı, uyarı ve tuş takımlı Enter Password ekranı ve Show Private Key ekranı
Geçmiş, şifre ve özel anahtar: en riskli ekranlar en sakin olanlar.
“Knock Knock Anyone?” adres defteri boş durumu, uyarılı Show Secret Key ekranı ve Change Password ekranı
“Knock Knock Anyone?” adres defteri boş durumu, uyarılı Show Secret Key ekranı ve Change Password ekranı
“Knock Knock Anyone?” adres defteri boş durumu, uyarılı Show Secret Key ekranı ve Change Password ekranı
Boş durumlar ve anahtar ekranları bile bir sonraki adımı gösteriyor.
Bileşenler: puanlamalı Leave a Feedback formu, gizli kelime hatırlatma sayfası ve ağ seçicili adres ekleme formu
Geri bildirim, hatırlatmalar ve adres defteri kayıtları tek bir alt sayfa kalıbını paylaşıyor.
Hata, uyarı, devam ediyor ve başarı durumları için uyarı bileşenleri
Dört uyarı durumu, tek görsel dil.

Varlık koruma paneli

Panel, cüzdan varlıklarını sola, korumayı sağa koyuyor: bakiye, koruma bakiyesi, korunan varlıklar ve son korumalar. Korumayı kurmak dört adımlı, yönlendirmeli bir akış: cüzdanı QR kodla bağla, varlıkları seç, $GRDWLT stake ederek kontrol sıklığını belirle ve onayla. Panelin tamamı mobilde de çalışıyor.

Cüzdan varlıkları listesi, hesap bakiyesi, koruma bakiyesi, son işlemler ve son korumalarla koruma paneli ana ekranı
Solda varlıklar, sağda koruma: tüm tablo tek ekranda.
Koruma kurulumu 1. adım: cüzdanı bağlamak için Scan QR Code, mobil uygulamayla içe aktarma seçeneğiyle
1. adım: cüzdanı QR ile bağla; ilerleme üstte görünüyor.
Koruma kurulumu 3. adım: $GRDWLT staking kaydırıcısı ve güvenli cüzdan adresi alanıyla “Determine the Frequency of Checking as You Wish”
Daha çok stake et, daha sık kontrol et: denge sürükledikçe görünüyor.
Duyarlı mobil panel: koruma seçenekli ana ekran, son işlemler ve kontrol sıklığı koruma adımı
Duyarlı mobil panel: koruma seçenekli ana ekran, son işlemler ve kontrol sıklığı koruma adımı
Duyarlı mobil panel: koruma seçenekli ana ekran, son işlemler ve kontrol sıklığı koruma adımı
Koruma adımları dahil panelin tamamı, telefonda.
Duyarlı mobil panel menüsü, bildirim ayarları ve Delete Account ekranı
Duyarlı mobil panel menüsü, bildirim ayarları ve Delete Account ekranı
Duyarlı mobil panel menüsü, bildirim ayarları ve Delete Account ekranı
Mobilde menü, bildirimler ve hesap ayarları.

Sonuçlar

  • Gelişmiş özellikleri sadelikle dengeleyen güvenli, çok cihazlı bir kripto cüzdan.
  • Yönlendirmeli, adım adım bir panel akışıyla kolayca kurulan varlık koruması.
  • Yedeklemeden her işlem onayına kadar akıcı bir tanıtım ve güvene dayalı bir deneyim.
  • Yeni başlayanlar için de deneyimli kullanıcılar için de çalışan token, NFT, dapp bağlantısı, ağ ve takas özellikleri.
  • Bir ön satış landing page'i ve mobil, panel ve web arasında paylaşılan tek bir tasarım sistemi.

Çıkarımlar

  • Derinlik bir seviye aşağıda durursa, yeni başlayanlar ve uzmanlar aynı uygulamayı paylaşabilir.
  • Kriptoda onay ekranı ürünün kendisidir: onu okunur kıl.
  • Riskli anları, yedekleme, anahtarlar, şifreler, en büyük özenle tasarla.
  • Karmaşık kurulumu, her birinde tek eylem olan görünür adımlara böl.

Sık sorulan sorular

Guard Wallet nedir?

Guard Wallet, sadelik ve varlık korumasına odaklanan çok cihazlı bir kripto cüzdan. Token, NFT, takas ve dapp bağlantıları için bir mobil cüzdanı ve tarayıcı eklentisini; kullanıcıların tek tek varlıklarını ya da tüm cüzdanlarını koruduğu ve daha sık kontrol için $GRDWLT token'ı stake ettiği bir koruma paneliyle birleştiriyor.

Guard Wallet için ne tasarladın?

Ürün deneyiminin tamamını: mobil cüzdanı (tanıtım, yedekleme, varlıklar, NFT'ler, takas, ağlar, dapp onayları, ayarlar), adım adım kurulumuyla duyarlı varlık koruma panelini, erken kullanıcılar ve yatırımcılar için bir ön satış landing page'ini ve bunların arkasındaki tasarım sistemini.

Proje ne kadar sürdü?

2023'te yaklaşık beş ay; kullanıcı araştırması ve rakip analizinden mobil, panel ve landing page'in son tasarımlarına kadar.

Kullanıcıların güvendiği bir kripto cüzdan uygulaması nasıl tasarlanır?

Ana ekranı bakiye, varlıklar ve dört net eylemle sınırla. Kullanıcı imzalamadan önce her işlemi sade bir dille göster (tutar, ağ, ücret, alıcı); gizli kelimelerin ve özel anahtarların yanına uyarılar koy, yedeklemeyi tanıtım sırasında yönlendir ve başarı ile hata durumlarını gözden kaçmayacak şekilde tasarla.

Benim şirketim için de kripto cüzdan ya da Web3 ürünü tasarlayabilir misin?

Evet. Web3, fintech, yapay zekâ ve SaaS ekipleriyle cüzdan, panel, web sitesi ve tasarım sistemi üzerinde çalışıyorum. İletişim sayfasından bir görüşme ayarla ya da mesaj gönder.

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

Stock X

Projeyi incele
Stock X

Araçlar

Sosyal medya


© 2026 | Merak ve kafeinle yapıldı.

TR