Ajans01 Çalışmalar02 Hizmetler03 Süreç04 Blog05 İletişim06
Ana Sayfa/Hizmetler/UI/UX Tasarım

Kullanıcı Deneyimi
Tasarımı

Araştırmadan arayüze; kullanıcıyı merkeze alan, ölçeklenebilir UI/UX tasarım hizmetleri. 15 yıllık deneyimle wireframe, prototip ve tasarım sistemi çözümleri sunuyoruz.

Araştırmadan arayüze; kullanıcıyı merkeze alan, ölçeklenebilir tasarım sistemleri. 15 yıllık deneyimle dijital ürünleri yalnızca güzel değil — net, işlevsel ve insanın içgüdüsüyle örtüşen biçimde tasarlıyoruz.

Tasarım bir his değil, baştan üzerinde anlaştığımız somut çıktılar ve ölçülebilir hedeflerle yönetilen bir süreçtir. Tasarım Devi'nde her UI/UX projesi araştırma kanıtıyla başlar, kullanıcı testiyle doğrulanır.

UX
Özet Bilgi — UI/UX Tasarım Nedir?

UX (Kullanıcı Deneyimi) tasarımı; kullanıcı araştırması, bilgi mimarisi, akış tasarımı ve kullanılabilirlik testi gibi süreçleri kapsayan, bir ürünün "nasıl çalıştığı" ile ilgilenen disiplindir. UI (Kullanıcı Arayüzü) tasarımı ise bu yapıya görsel kimlik katan; renk, tipografi, animasyon ve bileşen stilini düzenleyen katmandır.

Profesyonel bir UI/UX tasarım süreci; persona tanımı, wireframe ve prototip aşamalarını geçtikten sonra bileşen kütüphanesi ve design token sistemi oluşturmayı, son olarak da gerçek kullanıcılarla yapılan kullanılabilirlik testini kapsar. Tasarım Devi olarak bu döngüyü her projede uçtan uca uyguluyoruz.

Dört faz,
bir bütünleşik sistem.

01
Araştırma & Keşif

Kullanıcıyı anlamadan tasarlamaya başlamayız.

Kullanıcı görüşmeleri, rakip analizi, kullanılabilirlik denetimleri ve analitik verilerle gerçek problem tanımlaması yapıyoruz. Empati haritaları ve persona çalışmalarıyla tasarım kararlarını sezgiden değil, kanıttan yola çıkarak alıyoruz.

User Research Persona Empathy Map Rekabet Analizi
UI/UX tasarım süreci kapsamında gerçek kullanıcılarla yürütülen araştırma workshop oturumu: masada baskılı wireframe sayfaları, renkli post-it notları ve kullanıcı akış şemaları
02
Bilgi Mimarisi & Wireframe

İyi arayüzler iyi bir yapıyla başlar.

Navigasyon hiyerarşisi, içerik önceliği ve kullanıcı akışları önce kâğıt üzerinde netleştirilir. Düşük sadakatli wireframe'ler ve akış diyagramlarıyla yatırım yapılmadan önce kararları test edebilirsiniz.

Sitemap User Flow Wireframe Card Sorting
03
UI Tasarım & Sistem

Bileşenden tasarım sistemine; tutarlı, ölçeklenebilir.

Marka kimliğini dijital arayüze yansıtan bileşen kütüphaneleri, token tabanlı renk ve tipografi sistemleri oluşturuyoruz. Figma'da hazırlanan tasarım sistemi, geliştirme ekibine teslim edilen tek doğruluk kaynağı olarak işlev görür.

UI Design Design Tokens Component Library Dark Mode
Tasarım sistemi geliştirme çalışması: Figma ekranında renk token sistemi, tipografi hiyerarşisi ve yeniden kullanılabilir UI bileşen kütüphanesi, gerçekçi ofis ortamı
04
Prototip & Test

Geliştirmeden önce kullanıcıyla doğrulayın.

Yüksek sadakatli etkileşimli prototipler oluşturarak gerçek kullanıcılarla moderasyonlu kullanılabilirlik testleri yapıyoruz. Bulgular tasarıma yansıtılır; akışlar yinelemeli olarak iyileştirilir.

Interaktif Prototip Kullanılabilirlik Testi Heuristic Değerlendirme A/B Test Planı

Her UI/UX projesinde
şunları teslim ediyoruz.

Figma tasarım dosyası (tüm ekranlar + varyantlar)
Design token seti (renk, tipografi, boşluk, gölge)
Bileşen kütüphanesi (responsive, accessibility açıklamalı)
Animasyon & micro-interaction kılavuzu
Geliştirici notları ve asset export paketi
Kullanılabilirlik test raporu ve bulgular
Kullanıcı akış diyagramları (Happy path + edge case)
Marka uyumu kontrol listesi

UI/UX Tasarım Hakkında
Sıkça Sorulan Sorular

UI tasarımı ile UX tasarımı arasındaki fark nedir?

UX (Kullanıcı Deneyimi) tasarımı; araştırma, bilgi mimarisi, kullanıcı akışları ve prototipleme gibi yapısal katmanla ilgilenir — "deneyim nasıl çalışır?" sorusunu yanıtlar. UI (Kullanıcı Arayüzü) tasarımı ise bu yapının görsel kimliğini, bileşen stilini ve mikro etkileşimlerini kapsar. İkisi birbirini tamamlar; ayrı düşünülemez.

Tasarım sistemi nedir ve neden ihtiyaç duyarım?

Tasarım sistemi; ürününüzdeki tüm arayüz bileşenlerini, renk tokenlarını, tipografi kurallarını ve etkileşim kalıplarını tek bir doğruluk kaynağında toplayan belgeli yapıdır. Farklı ekranlar ve geliştirme süreçlerinde tutarlılığı sağlar, tasarım ve geliştirme hızını önemli ölçüde artırır.

Var olan bir uygulama veya sitenin UX'ini iyileştirebilir misiniz?

Evet. Mevcut ürününüzün kullanılabilirlik denetimini yapıyor, heuristic değerlendirme ve analitik veriyle sorun alanlarını tespit ediyoruz. Sonuçları önceliklendirilmiş bir yol haritasına dönüştürüp iyileştirme tasarımlarını teslim ediyoruz.

Kullanılabilirlik testlerini nasıl yürütüyorsunuz?

Modere edilmiş ve moderasyonsuz test yöntemlerinin ikisini de uyguluyoruz. Gerçek kullanıcılarla interaktif prototip veya canlı ürün üzerinde görev tabanlı testler yapıyor; bulguları video klip ve raporla sunuyoruz.

Tasarım dosyaları hangi araçlarla teslim edilir?

Tüm UI/UX çıktılarımız Figma üzerinde hazırlanır. Geliştirici handoff için Figma'nın inspect modu ve export paketleri kullanılır. Talep edilmesi halinde Sketch veya Adobe XD formatında da teslim yapabiliyoruz.

UI/UX Projesi

Kullanıcıyı merkeze alan
tasarımı konuşalım.

Mevcut ürününüz için denetim veya sıfırdan tasarım — projenizin kapsamını birlikte belirleyelim.