İçeriğe geç
+90 536 247 60 12digital@indoles.com.trLevent, İstanbul
Pzt–Cum 09:00–18:00
Growth · Hizmet 05 / 12

UI/UX tasarım

UI/UX tasarım, bir ekranın hem güzel görünmesi hem de kullanan kişiyi hedefine ulaştırmasıdır. INDOLES tasarımı görsel tercih olarak değil, satın alma yolundaki engelleri kaldıran bir karar dizisi olarak ele alır.

Paketi incele
Çalıştığımız platformlar
  • Figma
Şema — UI/UX tasarım05/12
Tanıdık mı?

Bu hizmet şu üç durumda devreye girer.

  • Site güzel görünüyor ama ziyaretçi aradığını bulamıyor.

  • Her yeni sayfa farklı görünüyor; ortak bir düzen yok.

  • Mobilde kullanımı zor, müşteri işini telefondan bitiremiyor.

Kapsam

Neyi kapsar, neyi kapsamaz.

Kapsar

  • Kullanıcı akışı çıkarımı

    Ziyaretçinin hedefine ulaşmak için attığı adımlar çıkarılır; gereksiz adımlar ve çıkmaz sokaklar işaretlenir.

  • Sayfa iskeleti

    Renk ve görsel girmeden önce içeriğin yerleşimi çizilir — neyin nerede duracağı erken kararlaştırılır.

  • Arayüz tasarımı

    Tipografi, renk, boşluk ve buton düzeni marka diline uygun biçimde kurulur; her ekran aynı sistemden çıkar.

  • Tasarım sistemi

    Tekrar eden parçalar (buton, kart, form) tek yerde tanımlanır. Yeni sayfa sıfırdan tasarlanmaz, sistemden kurulur.

  • Mobil tasarım

    Küçük ekran sonradan uyarlanan bir versiyon değil, ayrı tasarlanan bir düzen olarak ele alınır.

  • Erişilebilirlik kontrolü

    Renk kontrastı, yazı boyutu ve klavye ile kullanım denetlenir — okunabilirlik herkes için çalışmalı.

  • Geliştirici teslimi

    Ölçüler, renk kodları ve davranışlar yazılı teslim edilir; geliştirici tahmin ederek kodlamaz.

Kapsamaz

  • Frontend kodlama ve site geliştirme — özel yazılım hizmetinde
  • Logo ve kurumsal kimlik oluşturma — marka stratejisi kapsamında ele alınır
  • İllüstrasyon, animasyon ve video prodüksiyonu
  • İçerik ve metin yazımı
Nasıl çalışırız

Dört adım, her adımda elinize geçen bir şey.

  1. 01

    Anlama

    Kullanıcının ne yapmaya geldiği ve şu an nerede zorlandığı çıkarılır. Mevcut ekranlar varsa üzerinden geçilir.

    Elinize geçen

    Kullanıcı akışı şeması ve mevcut engellerin listesi.

  2. 02

    İskelet

    Renk ve görsel olmadan yerleşim çizilir. Tartışma bu aşamada içerik üzerinden yürür, estetik üzerinden değil.

    Elinize geçen

    Ana sayfa tiplerinin iskelet çizimleri.

  3. 03

    Tasarım

    İskelet marka diliyle giydirilir; tipografi, renk ve boşluk kararları verilir. Masaüstü ve mobil birlikte ilerler.

    Elinize geçen

    Tasarlanmış ekranlar ve tasarım sistemi bileşenleri.

  4. 04

    Teslim

    Tasarım dosyaları ölçü ve davranış notlarıyla geliştiriciye aktarılır; uygulama sırasında sorular yanıtlanır.

    Elinize geçen

    Teslim dosyaları ve uygulama sırasında destek.

Teslim listesi

Çalışma bitince elinizde ne olur.

Kullanıcı akışı şeması
Döküman
Ziyaretçinin hedefe giden yolu; kaldırılan adımlar işaretli.
Sayfa iskeletleri
Döküman
Ana sayfa tiplerinin yerleşim çizimleri, içerik hiyerarşisiyle.
Tasarlanmış ekranlar
Döküman
Masaüstü ve mobil için tamamlanmış arayüz tasarımları.
Tasarım sistemi
Sistem
Buton, form, kart gibi tekrar eden parçaların tek kaynaklı tanımı.
Geliştirici teslim dosyası
Döküman
Ölçüler, renk kodları ve etkileşim davranışları yazılı hâlde.
Kaynak dosya sahipliği
Erişim
Tasarım kaynak dosyaları düzenlenebilir hâlde firmaya devredilir.
Sıkça sorulanlar

Karar vermeden önce en çok sorulanlar.

UI ve UX arasındaki fark ne?

UX, kullanıcının hedefine kaç adımda ve ne kadar kolay ulaştığıyla ilgilenir; UI ise o adımların ekranda nasıl göründüğüyle. İkisi ayrılmaz: kötü kurgulanmış bir akış güzel görünse de işe yaramaz, iyi kurgulanmış bir akış kötü görünürse güven vermez. INDOLES bu hizmette ikisini tek çalışma olarak yürütür.

Tasarımı siz mi kodluyorsunuz?

Kodlama bu hizmetin kapsamı dışındadır; INDOLES tasarımı ölçü, renk kodu ve davranış notlarıyla birlikte geliştiriciye teslim eder. Kodlamayı da INDOLES yapacaksa özel yazılım hizmeti devreye girer ve iki iş tek takvimde birleştirilir, arada teslim kaybı yaşanmaz. Mevcut geliştiriciniz varsa teslim dosyaları doğrudan onun kullanabileceği biçimde hazırlanır ve uygulama sırasında soruları yanıtlanır.

Mevcut sitemizi baştan tasarlamak şart mı?

Baştan tasarım her zaman gerekmez. Sorun belirli sayfalarda yoğunlaşıyorsa yalnız o sayfalar ele alınır; sorun sayfalar arası tutarsızlıksa tasarım sistemi kurmak çoğu zaman yeniden tasarımdan daha kalıcı çözüm olur. INDOLES kararı kullanıcı akışı çıkarıldıktan sonra verir ve gerekçesini bulgularla birlikte sunar.

Tasarım süreci ne kadar sürer?

Beş altı sayfa tipinden oluşan bir site tasarımı genellikle dört ila altı hafta sürer: bir hafta akış ve iskelet, iki üç hafta arayüz, kalanı teslim ve düzeltmeler. Süreyi en çok uzatan şey geri bildirimin gecikmesidir; INDOLES bu yüzden her aşamada tek toplu onay turu planlar. Kapsam büyürse takvim baştan konuşulur, sessizce uzamaz.

Tasarım dosyaları bizde kalır mı?

Tasarım kaynak dosyaları çalışma sonunda düzenlenebilir hâlde firmaya devredilir; hiçbir dosya INDOLES hesabında kilitli kalmaz. Böylece ileride başka bir tasarımcıyla çalışsanız da sıfırdan başlamak zorunda kalmazsınız, mevcut sistem üzerine devam edilir. Tasarım sistemi de aynı şekilde teslim edilir ve iç ekip yeni sayfaları kendisi kurabilir hâle gelir.

UX denetimi yapıyor musunuz, yoksa yalnız yeni tasarım mı?

Mevcut ekranlar varsa çalışma onların üzerinden geçilerek başlar; kullanıcının nerede zorlandığı çıkarılır ve engeller listelenir. Bu adımın çıktısı kullanıcı akışı şeması ile mevcut engellerin listesidir, yani denetim yeni tasarımın ön koşulu olarak zaten yapılır. Bulgular yeniden tasarım gerektirmiyorsa bunu da yazılı söyleriz.

Mobil uygulama tasarımı da yapıyor musunuz?

Mobil ekran tasarımı kapsamdadır ve küçük ekran sonradan uyarlanan bir versiyon değil, ayrı tasarlanan bir düzen olarak ele alınır. Uygulamanın geliştirilmesi bu hizmetin dışında; kodlama özel yazılım ve mobil hizmetinde yürür. İki iş birlikte alınırsa tek takvimde birleştirilir ve teslim dosyası doğrudan geliştirme ekibine gider.

Tasarım sistemi nedir, neden kuruluyor?

Tasarım sistemi, buton, kart ve form gibi tekrar eden parçaların tek yerde tanımlandığı kaynaktır. Sistem kurulduğunda yeni bir sayfa sıfırdan tasarlanmaz, mevcut parçalardan kurulur; sayfalar arası tutarsızlık da kaynağında biter. Sistem düzenlenebilir hâlde teslim edildiği için iç ekip yeni sayfaları kendisi çıkarabilir.

Erişilebilirlik neye göre kontrol ediliyor?

Renk kontrastı, yazı boyutu ve klavye ile kullanım denetlenir. Bu üç başlık okunabilirliği yalnız engelli kullanıcı için değil, küçük ekranda ve güneş altında bakan herkes için belirler. Kontrol tasarım aşamasında yapılır, çünkü kodlama başladıktan sonra düzeltmek renk ve yerleşim kararlarını yeniden açmayı gerektirir.

Ekranlardaki metinleri kim yazıyor?

İçerik ve metin yazımı bu hizmetin kapsamı dışında; metni siz ya da metin yazarınız sağlar. Tasarım gerçek metinle ilerler, çünkü yer tutucu yazıyla çizilen ekran canlıda çoğu zaman taşar ya da boş kalır. Marka dilinin de yazılı hâle gelmesi gerekiyorsa ses ve ton kılavuzu marka stratejisi hizmetinde üretilir.

Hangi durumda UI/UX tasarım yanlış tercih olur?

Ziyaretçi siteye hiç gelmiyorsa tasarım kimseye görünmez; önce trafik gerekir ve o iş performans pazarlamada. Sorun tek bir adımdaki kayıpsa ölçüp düzeltmek yeniden tasarımdan hızlıdır ve dönüşüm optimizasyonu hizmetine girer. Yalnız logo ya da kurumsal kimlik yenilenecekse bu iş marka stratejisi kapsamında ele alınır.

UI/UX tasarım ajansı mı, tasarım danışmanlığı mı gerekir?

UI/UX tasarım ajansı çoğunlukla ekran üretir; danışmanlık hangi ekranın neden gerektiğine karar verir. Bir UX ajansı ile çalışırken sorulacak ilk soru, teslim edilenin görsel mi yoksa karar mı olduğudur. UI tasarımı ve UX tasarımı da ayrı işlerdir: biri arayüzün görünümünü kurar, diğeri kullanıcının hangi adımda ne yapacağını. INDOLES ikisini birlikte teslim eder ve her kararın gerekçesini yazar.

Devamı

Bu işin sonucu

İstanbul Ortez Protez'in dijital varlığını sıfırdan kurduk: mobil öncelikli site, yenilenen marka kimliği, arama ve AI motorları için optimize içerik. 15 ayda öncelikli anahtar kelimelerde ilk 3'e çıktık; toplam 50'den fazla korse ve protez hastası kazandırdık.

Google sıralaması
İlk 3
Biyonik protez ve öncelikli kelimeler, organik
Yeni hasta
10 / ay
Skolyoz korsesi gibi kelimelerde Google Ads ile
Toplam hasta
50+
15 ayda; korse ve protez birlikte

Kaynak İstanbul Ortez Protez — Biyonik protezde ilk 3, ayda 10 yeni hasta.

Bu hizmete giriş paketi

Nereden başlayalım?

Üç farklı hızda giriş kapısı. Hangisi sana uygunsa.

Brief gönder