İyi bir marka, basılı bir kartvizitte de kurumsal bir panelde de aynı dili konuşur. Tutarlılık, küçük detaylarda ortaya çıkar.
Tasarım sistemi
Renk, tipografi ve bileşenleri merkezi tokenler olarak tanımlamak; ekiplerin aynı tasarım dili üzerinde çalışmasını mümkün kılar.
Tasarım Sistemi ve Tutarlılık
Bir markanın görsel kimliği; logo, renk, tipografi ve ton'dan oluşan dört ayaklı bir sistem. AIOR olarak her müşteriye Figma'da kurulu bir tasarım sistemi teslim ediyoruz: 1) Foundations — renk paleti, tipografi skalası, spacing tokens, 2) Components — buton, input, card, modal varyantları, 3) Patterns — onboarding, checkout, dashboard layout'ları, 4) Documentation — kullanım kuralları + don't'lar. Bu sistem yeni bir tasarımcı geldiğinde 1 hafta yerine 1 günde verimli çalışmasını sağlar.
Erişilebilirlik (a11y) İlk Sırada
Erişilebilirlik kullanıcı tabanınızın %15'ini etkiler — sadece görme engellileri değil, renk körlerini, motor zorlukları olanları, yaşlıları, geçici sakatlığı olanları kapsar. Tasarımı sonradan accessible'a çevirmek; baştan accessible tasarlamaktan 5x pahalıdır. AIOR'un standardı WCAG 2.1 AA: minimum 4.5:1 renk kontrastı, klavye navigasyonu, ekran okuyucu uyumu, alt text, focus indicators. Her teslim öncesi WAVE veya axe-core ile otomatik tarama yapılır.
Mobile-First Yaklaşım
Türkiye'de e-ticaret trafiğinin %72'si, blog trafiğinin %85'i mobil cihazlardan geliyor. Tasarımı önce desktop'ta yapıp sonra mobile'a uyarlamak; mobile deneyimi sürekli ikinci sınıf bırakır. AIOR olarak tüm projelerimizi 360px viewport'tan başlayarak tasarlıyoruz; component'ler mobile-first CSS ile yazılıyor. Touch target'lar minimum 44×44 px (Apple HIG standartı), font size minimum 16px (mobile zoom önleme), tap delay 0ms. Lighthouse mobile score 90+ hedefimiz.
Marka Tonu ve İçerik
Tasarım tek başına bir markayı oluşturmaz — kullandığı kelimeler de tasarımın parçası. AIOR olarak her marka için bir ton-of-voice rehberi hazırlıyoruz: marka resmi mi samimi mi konuşuyor, teknik mi sade mi anlatıyor, iyimser mi gerçekçi mi yaklaşıyor. Bu rehber UI metni, blog yazıları, e-posta şablonları, hata mesajları ve müşteri desteğine kadar tutarlı uygulanır. Bir markanın ses tonu; logosu kadar tanınır olmalı.