Handbook
Handbook, Sahibinden ekosisteminde bir kültür oluşmasını sağlayan en önemli dokümantasyondur. Ekibe yeni katılan biri için tüm tasarımcıların nasıl çalışması gerektiğini, kullanılan araçlarla ilgili bilgilere nereden ulaşabileceklerini ve tüm tasarımcıların görev ve sorumluluklarını gösterir.
Design Token’lar
Design system’in en önemli unsurlarından biridir. 2 farklı uygulamaya (Sahibinden Mobil Uygulamaları, Satıcılar için Sahibinden Pro) ve 2 platform türüne uygun, ölçeklenebilir bir sistem kuruldu.
Segmentlere Ayrılmış Dokümantasyon
Sahibinden gibi çok platformlu ürünlerde design system sürecini yürütürken en önemli önceliklerimizden biri dokümantasyondu. Her bileşen, karar ve kural ayrıntılı biçimde belgelendi. Bileşen dokümantasyonu tasarımcı ve geliştirici segmentlerine göre yapılandırıldı; böylece aynı bileşeni inceleyen herkes ihtiyaç duyduğu bilgiye kolayca ulaşabildi.
87 Bileşen, 280 Varyant
Tüm bileşenler, geliştiricilerinin de dahil olduğu bir süreçte tasarlandı. Figma’daki varyant isimlendirmesi ile kod tabanındaki property isimlendirmesi eşleştirildi. Böylece design system’in en önemli ilkelerinden biri olan “dil birliği” sağlandı.
Küçük bir örnekle açıklamak gerekirse: ekipteki herkes selectbox ile combobox arasındaki farkı öğrendi.
Sorun
Sahibinden bünyesinde Pazarlama, Ürün ve İç İletişim gibi ekiplerde birden fazla font kullanılıyordu. Öyle ki bu sayı 8’e ulaşmıştı. Bu durum lisans ücretleri gibi giderler yaratıyor ve ürünün tutarlılığını bozuyordu.
Çözüm: SHB Grotesk
Tipografi tasarım ve geliştirme sürecini TAF STUDIO ile birlikte yürüttük. Amacımız basılı materyallerde ve dijital ortamlarda kullanılabilecek bir font ailesi üretmekti. Sonunda her boyutta ve her cihazda sorunsuz çalışan SHB Grotesk doğdu.
