Tüm işler
UI/UX & Tasarım Sistemleri
Veridian Kurumsal Tasarım Sistemi
14 farklı SaaS ürününde arayüz ve marka tutarlılığını sağlayan tasarım sistemi ve kod kütüphanesi.
-55%
Geliştirme süresi tasarrufu
2.4M
Aktif aylık kullanıcı
WCAG
AA Erişilebilirlik skoru
Proje bilgileri
- Müşteri
- Veridian Corp
- Yıl
- 2024
- Kapsam
- UI/UX & Tasarım Sistemleri
Genel bakış
Veridian Corp bünyesindeki farklı ürün grupları, bağımsız tasarım dilleri nedeniyle marka bütünlüğünü kaybetmişti. Ek olarak, mükerrer kod yazımı ürün geliştirme sürecini yavaşlatıyordu.
Zorluk
Lego mantığında çalışan, hem tasarımcılar (Figma) hem yazılımcılar (React) için tek bir kaynaktan yönetilen, erişilebilir ve performansı yüksek bir ortak dil oluşturmaktı.
Yaklaşımımız
Figma Variables ve Design Tokens entegrasyonu kurarak renk ve tipografi gibi temelleri kodla eşitledik. Storybook üzerinde belgelenmiş 120’den fazla erişilebilir bileşenden oluşan kod kütüphanesi hazırladık.
ReactTailwind CSSStorybookFramer MotionFigma Variables
Sonuçlar
- Yazılım ekiplerinin arayüz kodlama hızı %55 arttı
- Tüm ürünler WCAG 2.1 AA erişilebilirlik standardına getirildi
- Ortak tasarım kütüphanesi 14 üründe canlıya alındı