UI/UX Tasarım
Kullanıcı araştırması, wireframe, prototip ve görsel tasarım hizmetleri sunuyoruz. Figma ve Adobe XD ile modern, erişilebilir ve dönüşüm odaklı tasarımlar yapıyoruz.
UI/UX Tasarım Hizmetimiz
Kullanıcı araştırması, wireframe, prototip ve görsel tasarım hizmetleri sunuyoruz. Figma ve Adobe XD ile modern, erişilebilir ve dönüşüm odaklı tasarımlar yapıyoruz.
Ne Sunuyoruz?
Kullanıcı Araştırması
Persona, user journey ve kullanılabilirlik testleri
Wireframe & Prototip
Düşük ve yüksek sadakatli interaktif prototipler
Görsel Tasarım
Marka kimliğine uygun modern arayüzler
Erişilebilirlik
WCAG standartlarına uygun tasarımlar
Hangi Alanlarda Kullanılır?
Web Tasarım
Kurumsal site, e-ticaret ve landing page tasarımları
Mobil Tasarım
iOS ve Android uygulama arayüzleri
Dashboard
Admin paneli ve veri görselleştirme arayüzleri
Design System
Ölçeklenebilir component library ve style guide
Kullandığımız Teknolojiler
Nasıl Çalışıyoruz?
Araştırma
Kullanıcı ve rakip analizi
Wireframe
Yapı ve akış tasarımı
Görsel Tasarım
UI tasarımı ve prototip
Handoff
Geliştirici teslimi ve destek
Sıkça Sorulan Sorular
UI ve UX arasındaki fark nedir?
UX (User Experience) kullanıcının ürünle etkileşim deneyimini, UI (User Interface) ise görsel arayüzü ifade eder. İkisi birbirini tamamlar.
Tasarım süreci nasıl işliyor?
Araştırma → Wireframe → Prototip → Görsel Tasarım → Test → Revizyon döngüsüyle iteratif bir süreç izliyoruz.
Mevcut markamıza uygun tasarım yapabilir misiniz?
Evet, marka kimliğinizi (logo, renkler, tipografi) analiz ederek tutarlı tasarımlar üretiyoruz veya brand refresh öneriyoruz.
Tasarım dosyaları hangi formatta teslim ediliyor?
Figma dosyaları, developer handoff için Zeplin/Figma Dev Mode, ve gerekirse PNG/SVG asset'ler teslim ediyoruz.
Avrupa'ya satış yapıyorsanız erişilebilirlik artık tasarım tercihi değil
Avrupa Erişilebilirlik Yasası (Directive (EU) 2019/882) üye devletlerde 28 Haziran 2025 tarihinden itibaren uygulanıyor ve kapsamı Madde 2(2)(f) ile e-ticaret hizmetlerini açıkça içeriyor. Madde 4(5) yalnızca hizmet sağlayan mikro işletmeleri muaf tutuyor (bkz. EUR-Lex, Directive (EU) 2019/882).
Türkiye'de kurulu bir şirket için pratik sonuç şu: AB'deki tüketiciye satış yapan bir arayüzünüz varsa, arayüzün erişilebilirlik gereklilikleri artık müşterinizin tedarikçi denetim listesinde çıkıyor. Bunu geliştirme bittikten sonra eklemek, baştan tasarlamaktan belirgin şekilde pahalı.
WCAG 2.2'nin tasarımı doğrudan değiştiren dört maddesi
WCAG 2.2, 12 Aralık 2024'te W3C Önerisi oldu; 2.1 üzerine dokuz yeni başarı ölçütü ekledi ve 4.1.1 Parsing ölçütünü kaldırdı (bkz. W3C, Web Content Accessibility Guidelines (WCAG) 2.2). Bunların çoğu geliştiriciyi değil, tasarımcıyı ilgilendiriyor:
| Ölçüt | Seviye | Tasarımda karşılığı |
|---|---|---|
| 2.5.8 Target Size (Minimum) | AA | Dokunma hedefleri yeterince büyük olmalı; yoğun tablolardaki ikon butonları ilk kırılan yer |
| 2.4.11 Focus Not Obscured (Minimum) | AA | Yapışkan başlık veya çerez çubuğu, klavyeyle gezinirken odaklanan alanı örtmemeli |
| 2.5.7 Dragging Movements | AA | Sürükle-bırak varsa aynı işi yapan tek dokunuşluk bir alternatif de olmalı |
| 3.3.8 Accessible Authentication (Minimum) | AA | Giriş akışı bilişsel bulmaca zorunlu kılmamalı; yapıştırmayı engelleyen parola alanları sorun çıkarır |
Tasarım dosyasında en sık atlanan madde 2.4.11. Yapışkan üst çubuk neredeyse her projede var, klavye ile gezinme testi neredeyse hiçbir projede yok.
Tasarımı teslim etmek Figma linki göndermek değildir
Geliştirmenin tasarım yüzünden tıkandığı yerler genelde aynı yerlerdir ve hepsi teslim paketinde eksik kalan şeylerdir. Bir tasarım teslimini kabul etmeden önce şunları sayın:
- Boş, yükleniyor ve hata durumları. Dolu veriyle çizilmiş bir liste ekranı, ilk gerçek kullanıcıda boş görünür. Üç durumu da isteyin.
- 320 piksel genişlik. Tasarım 375'te çizilir, gerçek dünyada 320 piksellik cihazlar ve tarayıcı yakınlaştırması vardır.
- Uzun metin davranışı. Türkçe etiketler İngilizce muadilinden belirgin şekilde uzundur. "Kaydet" ile "Değişiklikleri Kaydet" aynı butona sığmaz.
- Renk ve tipografi jetonları. Renk değerleri ekran ekran değil, adlandırılmış jeton olarak gelmeli; yoksa tema değişikliği baştan boyama işine döner.
- Odak görünümü. Klavye odağının nasıl göründüğü tasarımda tanımlı değilse geliştirici tarayıcı varsayılanını bırakır veya tamamen kaldırır. İkincisi erişilebilirlik ihlalidir.
Tasarım kaleminin bütçedeki gerçek ağırlığı
UI/UX ayrı bir proje değil, geliştirme bütçesinin frontend kalemi içinde yer alan bir iştir. Tahmin motorumuzun kullandığı bantlarla:
| Kapsam | Toplam adam-gün | 300-400 USD/gün karşılığı |
|---|---|---|
| Tek amaçlı landing sayfası, mevcut marka kılavuzuyla | 15-30 | 4.500 - 12.000 USD |
| MVP: tasarım sistemi + 10-15 ekran + geliştirme | 35-60 | 10.500 - 24.000 USD |
| Çok rollü panel, tasarım sistemi ve erişilebilirlik denetimi | 60-100 | 18.000 - 40.000 USD |
Test, proje yönetimi ve teknik liderlik gibi dolaylı kalemler toplamın %25'ini geçmez. Bir teklifte tasarım kalemi toplamın yarısına yaklaşıyorsa ya kapsamda bir tasarım sistemi vardır ya da gereksiz sayıda ekran çizilmektedir; ikisini de ayrıştırmadan imzalamayın. Kendi kapsamınız için tahmini burada alabilirsiniz.
İlgili sayfalar: kurumsal web uygulaması, mobil uygulama geliştirme, Tailwind CSS ile arayüz geliştirme, MVP geliştirme, e-ticaret çözümleri.
Tasarım Projesi Başlatın
Ücretsiz keşif görüşmesi ile projenizi konuşalım ve size özel çözümler sunalım.