Web Sitesi Tasarımı
Kurumsal site ve web uygulamaları için arayüz tasarımı; sayfa düzenleri, bileşenler ve durumlar.
UI/UX & Marka Tasarımı
Uygulanabilir tasarım, tasarlanabilir uygulama.
Web ve mobil ürünler için UI/UX tasarımı; logo, kurumsal kimlik ve baskıya hazır tasarımlar. Figma'da bileşen kütüphanesi, geliştirmeye hazır teslim.
01 Tanım
UI/UX & Marka Tasarımı Nedir?
Web ve mobil ürünler için UI/UX tasarımı; logo, kurumsal kimlik ve baskıya hazır tasarımlar.
UI/UX tasarımı; bir dijital ürünün kullanıcıya nasıl göründüğünü ve nasıl hissettirdiğini belirleyen çalışmadır. UX (kullanıcı deneyimi) tarafı akışları, bilgi mimarisini ve kullanıcının hedefe kaç adımda ulaştığını; UI (kullanıcı arayüzü) tarafı ise düzen, tipografi, renk, bileşen ve durumları kapsar.
Çalışmaya genellikle wireframe ile başlıyorum — renk ve görsel detay olmadan, sadece yapı üzerinden. Yapı onaylandıktan sonra Figma'da arayüz tasarımına ve bileşen kütüphanesine geçiyorum. Bileşen kütüphanesi, tasarımın koda dönüşürken tutarlı kalmasını sağlıyor.
Responsive tasarım, masaüstü tasarımın küçültülmesi değildir. Mobil düzen ayrıca kurgulanır: gezinme, sıralama önceliği, dokunmatik hedefler ve içerik yoğunluğu yeniden düşünülür. Erişilebilirlik (kontrast oranları, odak durumları, form etiketleri) tasarım aşamasında ele alınır — sonradan eklenmez.
Marka tarafında logo, renk paleti, tipografi ve kullanım kurallarından oluşan kurumsal kimlik çalışması yapıyorum. Logo; sade, ölçeklenebilir ve vektörel tasarlanır — kartvizitten web sitesine, sosyal medyadan tabelaya kadar her yüzeyde aynı netlikte çalışır. Arayüz ve marka aynı elden çıktığında, dijital ürününüz ile kurumsal kimliğiniz tek bir dil konuşur.
02 Kapsam
Neler Geliştirebilirim?
Bu hizmet kapsamında en sık talep edilen ve düzenli olarak geliştirdiğim çalışma başlıkları.
Mobil Uygulama Tasarımı
Uygulama ekranları, gezinme kalıpları ve platform alışkanlıklarına uygun arayüzler.
Landing Page Tasarımı
Dönüşüm odaklı tanıtım ve kampanya sayfaları; net mesaj hiyerarşisi ve güçlü CTA kurgusu.
Wireframe & Prototip
Renk ve görselden arındırılmış yapı çalışmaları, Figma'da tıklanabilir prototipler.
Design System & Bileşenler
Bileşen kütüphanesi, stil sistemi ve kullanım kuralları; tasarımın koda tutarlı aktarımı.
Logo Tasarımı
Sade, ölçeklenebilir ve vektörel logo; dijitalde ve baskıda aynı netlikte çalışır.
Kurumsal Kimlik
Renk paleti, tipografi, kullanım kuralları ve marka kimliği kılavuzu.
Basılı Materyaller
Kartvizit, broşür ve afiş tasarımları; baskıya hazır (CMYK) dosya teslimi.
03 Tech Stack
Kullanılan Teknolojiler
Bu hizmet kapsamındaki projelerde ağırlıklı olarak kullandığım araçlar.
Tasarım
Uygulama
Yaklaşım
04 Süreç
Geliştirme Süreci
Dört aşama, her aşamada net bir çıktı. Hangi haftada neyi göreceğinizi baştan biliyorsunuz.
-
01
Keşif
Marka, hedef kitle ve referans beğeniler netleştirilir.
- Marka analizi
- Referans çalışması
- Kapsam
-
02
Wireframe
Yapı ve akış, görsel detay olmadan kurgulanır.
- Bilgi mimarisi
- Ekran akışları
- Onay
-
03
UI Tasarım
Figma üzerinde arayüz tasarımı ve bileşen kütüphanesi.
- Stil sistemi
- Ekran tasarımları
- Prototip
-
04
Teslim
Geliştirme için hazır dosyalar ve tasarım notları.
- Figma devri
- Asset export
- Uygulama notları
06 SSS
Sıkça Sorulan Sorular
UI/UX & Marka Tasarımı hizmetiyle ilgili en çok merak edilenler.
Evet. Figma dosyası, bileşen kütüphanesi, export edilmiş görseller ve uygulama notlarıyla birlikte teslim ediyorum. Geliştirme ekibinizin sorularını yanıtlamak için de belirli bir süre destek veriyorum.
Her aşamada (wireframe, UI, teslim öncesi) revizyon turları planlıyoruz. Revizyon sayısı yerine aşama bazlı onay yöntemini tercih ediyorum; bu, yön değiştirmelerin geç kalmasını engelliyor.
Temel düzeyde: logo, renk paleti, tipografi seçimi ve kartvizit gibi basılı materyaller. Kapsamlı marka stratejisi, isimlendirme ve konumlandırma çalışmaları için bir marka ajansıyla çalışmanızı öneriyorum.
Tasarımı ben yapıp geliştirmesini de üstlendiğimde bu risk büyük ölçüde ortadan kalkıyor. Ayrı ekip çalıştığı durumlarda ise bileşen kütüphanesi, spacing/tipografi ölçeği ve durum tasarımları (hover, focus, hata, boş durum) eksiksiz teslim edildiği için sapma az oluyor.
Önce ihtiyaç ve kapsam netleştirilir, wireframe ile yapı kurulur. Onaydan sonra Figma'da arayüz tasarımı ve tıklanabilir prototip hazırlanır; geri bildirim turlarıyla son hâline gelir. Süre, kapsama göre teklif aşamasında netleşir.
Evet. Önce mevcut tasarımda neyin çalıştığını, neyin eskidiğini birlikte değerlendiririz; marka bilinirliğini koruyan kademeli bir yenileme de mümkün, sıfırdan tasarım da.
Size. Teslimle birlikte tüm kullanım hakları ve kaynak dosyalar devredilir. (Backend sayfasındaki "kaynak kod kime ait" cevabıyla aynı güven kalıbı — site genelinde tutarlı duruyor.)
Devamı
Diğer Hizmetler
Bu hizmetle birlikte en sık talep edilen diğer başlıklar.