WEB TASARIM / UI/UX

SaaS Platformu UI/UX Yenilemesi

1. Görsel Dil & Deneyim Değişimi

Bir SaaS (Hizmet olarak yazılım) ürününün kalbi dashboard yapısıdır. Hızlı okuma (scannable), karmaşık verilerin sadeleştirilmesi ve karanlık/aydınlık mod harmonisi en önemli parametrelerdir.

Müşterimizin platform analitiğinde, kullanıcıların dashboard ekranlarında çok fazla zaman kaybettiğini ve "Bounce Rate" (Hemen Çıkma) oranının yüksek olduğunu saptadık. İşimize; gereksiz öğeleri budayarak, tipografi hiyerarşisini yukarı çekerek ve butonlara dynamic visual states (dinamik görsel durumları) atayarak başladık.

2. Figma Prototipleme Aşamaları

01

Wireframing & Akış Diagramı

Kullanıcıların en sık yaptığı 3 temel aksiyon (Rapor, Analiz, Ekleme) tespit edilip grid iskeleti oluşturuldu.

02

Figma Prototype & Animasyon

Tüm geçişlerin, modal pop-up’ların ve hover etkilerinin müşteriye sunumu için dinamik mikro animasyonlar kurgulandı.

UX Wireframe Design
Figma Üzerinde Grid Taslakları & Component Kütüphane Kurulumu