ÇözümWEB Tasarım
Ana Sayfa/Hizmetlerimiz/UI/UX Tasarımı
UX & Dönüşüm

UI/UX Tasarımı

UX, kullanıcının hangi adımda ne yapacağını planlamak; UI ise o adımların nasıl görüneceğini tasarlamak. İkisi ayrı iş, ikisi de gerekli. Ekran güzelliğinden önce akışı kuruyor, sonra o akışı markanıza yakışan bir arayüze dönüştürüyoruz. Tek bir teklif formunu iyileştirmek istiyorsanız dönüşüm sayfası tasarımı yeterli olabilir.

Ücretsiz Ön Görüşme AyarlayınNe Teslim Ediyoruz?
3-5 hafta
Orta ölçekli proje süresi
Sınırsız
Tasarım aşamasında revizyon
%100
Tasarım dosyaları size ait
mobil arayüz · ana sayfa
İskelet
9:41
Canlı
9:41
Kuzudan mobil ana sayfası: kasap ve ızgara çeşitleri butonları, ekrana sabit arama ve WhatsApp butonları
1Kasap / ızgara ayrımı ilk ekranda — ziyaretçi seçerek başlar
2Ara ve WhatsApp ekrana sabit — sipariş tek dokunuş uzakta
Canlı
9:41
Kuzudan mobil ana sayfası: kasap ve ızgara çeşitleri butonları, ekrana sabit arama ve WhatsApp butonları
1Kasap ve ızgara ayrımı ilk ekranda — ziyaretçi aradığını seçerek başlar
2Ekrana sabit "Hemen Ara" ve "WhatsApp" — sipariş her an bir dokunuş uzakta
01
Önce akış
Wireframe onaylanmadan renk ve tipografi konuşmuyoruz.
02
Tıklanabilir prototip
Kod yazılmadan önce ekranlar arasında gezinip görüyorsunuz.
03
Erişilebilirlik dahil
Kontrast, klavye ve dokunma alanı ek hizmet değil, standart.
04
Dosyalar sizin
Düzenlenebilir tasarım dosyaları eksiksiz teslim edilir.
Ne zaman gerekir

Bu hizmet size uygun mu?

Aşağıdaki durumlardan biri sizdeyse doğru sayfadasınız. Sadece "sitem güzel görünsün" diyorsanız, bu ayrı bir hizmet değil; web tasarım paketlerinde arayüz tasarımı zaten dahil.

Çok ekranlı uygulama
Panel, portal ya da başvuru sistemi gibi onlarca ekran ve durum içeren yapılar.
Karmaşık akış
Çok adımlı form, onay zinciri veya koşullara göre dallanan süreçler.
Yarıda kalan dönüşüm
Ziyaretçi geliyor ama formu tamamlamıyor; nerede bırakıldığı bilinmiyor.
Mobilde bozulan arayüz
Masaüstünde düzgün görünen ekranların telefonda kullanılamaz hale gelmesi.
Destek yükü
Kullanıcılar aynı soruyu tekrar tekrar soruyorsa sorun arayüzün anlatımındadır.
Ekipler arası tutarsızlık
Her ekran farklı biri tarafından yapılmış gibi görünüyorsa tasarım sistemi gerekiyor.
Ne zaman gerekmez: Standart bir tanıtım sitesi yaptıracaksanız ayrı bir UI/UX çalışması gereksiz maliyettir — web tasarım paketlerimizde arayüz tasarımı zaten var. Bu sayfa; çok ekranlı uygulamalar, karmaşık akışlar ve mevcut bir arayüzün onarılması gereken durumlar için.
Ayrım

UX ile UI aynı şey değil

İkisi birlikte anılır ama farklı sorulara cevap verir. Sadece UI yapılan projede ekranlar güzel görünür, kullanıcı yine kaybolur; sadece UX yapılan projede akış doğru kurulur ama marka hissi oluşmaz.

UX · Kullanıcı Deneyimi
Ne yapacak, hangi sırayla?
Kullanıcının hedefe kaç adımda ulaştığını, nerede tereddüt ettiğini ve hangi bilgiye ne zaman ihtiyaç duyduğunu planlar. Çıktısı görsel değil, karar.
Kullanıcı akışları ve senaryolar
Bilgi mimarisi ve menü yapısı
Wireframe (gri kutu çizimler)
Hata ve boş durum senaryoları
UI · Arayüz Tasarımı
Nasıl görünecek?
Akış netleştikten sonra devreye girer. Renk, tipografi, boşluk ve bileşenlerle markanın hissini kurar; tutarlılığı tasarım sistemiyle korur.
Görsel dil ve renk/tipografi sistemi
Bileşen kütüphanesi (buton, form, kart)
Tüm ekranların yüksek çözünürlüklü tasarımı
Mobil, tablet ve masaüstü varyantları
Neye bakıyoruz

Kullanıcıyı kaybettiren altı şey

Mevcut bir arayüzü incelerken önce bunlara bakıyoruz. Çoğu projede sorunun kaynağı listenin ilk üç maddesinden birinde çıkıyor.

01Belirsiz hedef
Sayfaya girildiğinde ne yapılması gerektiği anlaşılmıyor; birden fazla eşit ağırlıkta buton var.
Ne yapıyoruzHer ekranda tek bir birincil aksiyon belirliyor, diğerlerini görsel olarak geriye çekiyoruz.
02Uzun formlar
Baştan sorulan her fazladan alan, tamamlama oranını düşürüyor.
Ne yapıyoruzZorunlu alanları asgariye indiriyor, uzun formları adımlara bölüp ilerleme göstergesi ekliyoruz.
03Geri bildirim yokluğu
Butona basıldığında bir şey olup olmadığı anlaşılmıyor; kullanıcı tekrar tıklıyor.
Ne yapıyoruzYükleniyor, başarılı ve hatalı durumlarını ayrı ayrı tasarlıyoruz; her aksiyonun görünür bir sonucu oluyor.
04Anlaşılmayan hata mesajları
"Bir hata oluştu" diyen ekran, kullanıcıyı ne yapacağını bilmeden bırakıyor.
Ne yapıyoruzHata metinlerini neyin yanlış gittiğini ve nasıl düzeltileceğini söyleyecek şekilde yazıyoruz.
05Mobilde kullanılamama
Küçük dokunma alanları, yatay kaydırma ve okunmayan metin boyutları.
Ne yapıyoruzEn az 44px dokunma alanı, tek elle erişilebilir yerleşim ve mobil öncelikli tasarım uyguluyoruz.
06Tutarsız bileşenler
Aynı işi yapan butonlar farklı görünüyor; kullanıcı her ekranda yeniden öğreniyor.
Ne yapıyoruzTasarım sistemi kuruyoruz: her bileşenin tek bir tanımı ve davranışı oluyor.
Çıktı

Elinize ne geçiyor?

Tasarım dosyaları düzenlenebilir formatta size teslim edilir. Geliştirmeyi biz yapmasak bile, başka bir yazılım ekibi doğrudan uygulayabilir.

Mevcut arayüz inceleme raporu (varsa)
Kullanıcı akış şemaları
Bilgi mimarisi ve menü yapısı
Wireframe (tüm ana ekranlar)
Tıklanabilir prototip
Yüksek çözünürlüklü ekran tasarımları
Mobil, tablet ve masaüstü varyantları
Tasarım sistemi ve bileşen kütüphanesi
Hata, boş ve yükleniyor durumları
Geliştirici teslim dosyası (ölçü ve davranışlar)
Düzenlenebilir kaynak dosyalar (Figma)
Erişilebilirlik

Herkesin kullanabilmesi

Erişilebilirlik ayrı bir ek hizmet değil, tasarımın parçası. Aşağıdakiler her projede standart olarak uygulanır.

Kontrast oranı
Gövde metni için en az 4.5:1 kontrast. Açık gri üzerine açık gri yazı, tasarım değil okunamazlıktır.
Klavye ile kullanım
Fare kullanmadan da tüm akış tamamlanabilir; odaklanılan öğe her zaman görünür durumdadır.
Dokunma alanı
Mobilde buton ve bağlantılar en az 44×44px. Yanlış tıklama, kullanıcının değil tasarımın hatasıdır.
Hareket tercihi
Sistem ayarında hareket azaltma açık olan kullanıcılarda animasyonlar otomatik olarak sadeleşir.
Bunlar WCAG'ın yaygın uygulanan temel maddeleridir. Resmî bir erişilebilirlik sertifikasyonu ya da tam kapsamlı WCAG AA denetimi gerekiyorsa bu ayrı bir çalışmadır; kapsamı ve bedelini baştan konuşuruz.
Süreç

Beş adımda tasarım

Süreler, 10-15 ekranlık orta ölçekli bir proje içindir; ekran sayısı arttıkça uzar. Wireframe onaylanmadan görsel tasarıma geçmiyoruz — akış yanlışken renk konuşmak zaman kaybı. Mobil arayüz örneği restoran ve kafe projelerimizde.

013-5 gün
İnceleme
Mevcut arayüz, kullanıcı tipleri ve hedefler; varsa analitik verisi değerlendirilir.
024-6 gün
Akış ve mimari
Kullanıcı akışları, menü yapısı ve ekran listesi çıkarılır; onaya sunulur.
035-8 gün
Wireframe
Gri kutu çizimlerle yerleşim ve hiyerarşi kurulur. Onaylanmadan görsele geçilmez.
047-12 gün
Arayüz tasarımı
Görsel dil, bileşen kütüphanesi ve tüm ekranların tasarımı; sınırsız revizyon.
052-4 gün
Prototip ve teslim
Tıklanabilir prototip, geliştirici teslim dosyası ve kaynak dosyaların devri.
Fiyatlandırma

Üç şekilde alınabilir

İhtiyacınızın büyüklüğüne göre üç farklı kapsam var. Hangisinin size uyduğunu ön görüşmede birlikte belirliyoruz.

Arayüz İncelemesi
Hızlı teşhis
Mevcut arayüzünüzü inceleyip bulguları önceliklendirilmiş bir rapora döküyoruz. Tasarım üretimi içermez.
Sizin için mi?
Siteniz var, nerede tıkandığını bilmiyorsunuz
Önce teşhis, sonra karar istiyorsunuz
Teklif Al
Ekran sayısına göre fiyatlanır
Süre: 1 hafta
Teklif Al
UI/UX Tasarımı
En çok tercih edilen
Akıştan bileşen kütüphanesine kadar tam kapsam. Prototip ve geliştirici teslim dosyası dahil.
Sizin için mi?
Yeni bir uygulama veya panel tasarlanacak
Mevcut arayüz baştan ele alınacak
Teklif Al
Ekran ve akış sayısına göre fiyatlanır
Süre: 3-5 hafta
Teklif Al
Tasarım Sistemi
Ölçekli ekipler
Büyüyen ürünler için bileşen kütüphanesi, kullanım kuralları ve dokümantasyon.
Sizin için mi?
Birden fazla ekip aynı ürüne dokunuyor
Ekranlar arasında tutarsızlık oluşmaya başladı
Teklif Al
Bileşen sayısına göre fiyatlanır
Süre: 3-6 hafta
Teklif Al
Kapsam dışı
Neler dahil değildir
Aşağıdakiler bu hizmetin kapsamı dışındadır. İhtiyaç duyulursa ayrıca fiyatlandırıyoruz.
Yazılım geliştirme (isterseniz ayrı kalem olarak eklenir)
Gerçek kullanıcılarla moderatörlü kullanıcı testi
Resmî WCAG AA denetimi ve erişilebilirlik sertifikasyonu
Logo ve kurumsal kimlik tasarımı
İllüstrasyon, 3B görsel ve video üretimi
Sık Sorulan Sorular

UI/UX hakkında en çok sorulanlar

Her cevabın hangi durumda geçerli olduğunu da yazdık. Aradığınız burada yoksa arayın ya da yazın; yazılı teklifi aynı gün gönderiyoruz. Birlikte çalıştığımız işletmeleri referanslar sayfamızda görebilirsiniz.

Soru Sor
Standart bir tanıtım sitesinde dahil — arayüz tasarımı zaten her pakette var. Bu sayfadaki ayrı hizmet; çok ekranlı uygulamalar, panel ve portal gibi karmaşık akışlar ya da mevcut bir arayüzün incelenip onarılması gereken durumlar için. İhtiyacınız hangisi, ön görüşmede birlikte belirliyoruz.

Arayüzünüze birlikte bakalım

Ücretsiz ön görüşmede mevcut ekranlarınızı inceliyor, sorunun tasarımda mı başka yerde mi olduğunu söylüyoruz.

Teklif Al(0216) 393 2793
İlgili hizmetler
Özel Yazılım Web TasarımTasarımın geliştirilmesi içinMarka Hikâyesi & İçerik KurgusuSorun mesajdaysaKurumsal Web TasarımStandart tanıtım sitesi için
WhatsApp
Telefon
Teklif Al