UX/UI ve Web Tasarımı
Ziyaretçinin aradığını kolayca bulduğu, mobilde rahat kullanılan ve markanızı doğru yansıtan web sitesi ve uygulama arayüzleri tasarlıyoruz. Kullanıcı akışından tıklanabilir prototipe kadar her adımı yazılı ve görünür biçimde ilerletiyoruz.
- Ücretsiz teklif
- Kaynak dosya teslimi
- İsteğe bağlı gizlilik sözleşmesi
UX/UI ve web tasarımı neden ayrı düşünülmez?
UX (kullanıcı deneyimi), bir kişinin sitenizde ya da uygulamanızda amacına ne kadar kolay ulaştığıyla ilgilenir: Menüde doğru sayfayı bulabiliyor mu, formu yarıda bırakıyor mu, telefondan ödeme yaparken zorlanıyor mu? UI (kullanıcı arayüzü) ise bu yolculuğun görünen yüzüdür: renkler, butonlar, tipografi, ikonlar ve boşluklar. İyi görünen ama kullanılması zor bir site ziyaretçiyi kaybettirir; kullanışlı ama özensiz bir arayüz de güven vermez.
UX/UI ve web tasarımı çalışmasında bu iki tarafı birlikte ele alıyoruz. Önce sitenizin ya da uygulamanızın amacını netleştiriyor, ziyaretçinin hangi sırayla hangi bilgiye ihtiyaç duyduğunu çıkarıyoruz. Ardından bu yapıyı markanıza uygun, sade ve erişilebilir bir arayüzle buluşturuyoruz.
Kurumsal tanıtım sitesi, e-ticaret mağazası, kampanya sayfası ya da mobil uygulama fark etmeksizin aynı ilkeyle çalışıyoruz: önce ziyaretçinin ihtiyacı, sonra görünüm. Mevcut bir siteniz varsa yeniden tasarım öncesinde kısa bir kullanılabilirlik incelemesi yaparak hangi sayfaların öncelikli olduğunu birlikte belirliyoruz.
Neler teslim ediyoruz?
- Bilgi mimarisi ve site haritası: sayfaların hiyerarşisi, menü yapısı ve içerik öncelikleri.
- Wireframe: renk ve görsel olmadan, yalnızca yerleşimi ve akışı gösteren iskelet ekranlar.
- Görsel arayüz tasarımı: masaüstü, tablet ve mobil kırılımlarda tüm ana sayfalar ve durumlar.
- Tıklanabilir prototip: Figma üzerinde gerçek kullanıma yakın, paylaşılabilir prototip.
- Tasarım sistemi: renkler, yazı stilleri, buton, form ve kart bileşenleri; geliştiricinin aynı dili koruması için.
- Özel çalışmalar: landing page, e-ticaret ürün ve sepet akışları, mobil uygulama (iOS ve Android) arayüzleri, yönetim paneli ekranları.
Teslimde Figma kaynak dosyasını, dışa aktarılmış görselleri ve geliştirici için ölçü ile renk bilgilerini içeren devir notlarını paylaşıyoruz.
Web tasarım süreci nasıl ilerler?
- Keşif: İş hedeflerinizi, hedef kitlenizi, rakip siteleri ve varsa mevcut sitenizin sorunlarını konuşuyoruz. Analitik verileriniz varsa hangi sayfalarda ziyaretçi kaybettiğinizi birlikte inceliyoruz.
- Yapı ve wireframe: Site haritasını ve ana ekranların iskeletini çıkarıyoruz. Bu aşamada görsel detaya girmeden akışın doğru olup olmadığını onaylıyorsunuz.
- Arayüz tasarımı: Onaylı yapı üzerine marka renkleri, tipografi ve görsellerle ekranları tasarlıyoruz. Önce bir ana sayfa yönü sunuyor, onaydan sonra diğer sayfalara geçiyoruz.
- Prototip ve revizyon: Ekranları birbirine bağlayıp prototipi paylaşıyoruz. Telefonunuzdan deneyip geri bildirimlerinizi tek listede iletiyorsunuz.
- Teslim ve geliştirici desteği: Kaynak dosyaları ve devir notlarını teslim ediyor, geliştirme sırasında doğan tasarım sorularını yanıtlıyoruz.
UX/UI projeleri kapsamına göre çoğunlukla 7–14 iş günü içinde tamamlanır; sayfa ve ekran sayısı arttıkça takvimi birlikte planlıyoruz.
Projeye başlamadan önce hazırlamanız gerekenler
Web ve uygulama projelerinde en çok zaman kaybettiren konu, içeriğin ve hedeflerin geç netleşmesidir. Başlangıçta şu bilgileri toparlamanız süreci belirgin biçimde hızlandırır:
- Sitenin birincil hedefi: teklif formu doldurtmak, ürün satmak, randevu almak ya da kurumsal bilgi vermek gibi tek bir ana hedef belirleyin.
- Sayfa listesi: mevcut bir siteniz varsa sayfa listesini, yoksa olmasını istediğiniz bölümleri madde madde yazın.
- Marka varlıkları: logo, renk kodları, fontlar ve kullanabileceğiniz fotoğraflar.
- Örnek siteler: beğendiğiniz iki üç site ve neyi beğendiğiniz; menü yapısı mı, sadelik mi, renk kullanımı mı?
- Teknik altyapı: WordPress, Shopify ya da özel yazılım gibi kullanılacak sistem ve varsa geliştirici ekibinizin iletişim bilgisi.
İçerikleriniz henüz hazır değilse endişelenmeyin; wireframe aşamasında her sayfaya hangi tür içeriğin gerektiğini işaretleyerek size bir içerik listesi çıkarıyoruz. Böylece metin yazımı ile tasarım paralel ilerleyebilir ve geliştirici ekibiniz de hangi bileşenleri kodlayacağını önceden görür.
Hangi yazılımları kullanıyoruz?
Wireframe, arayüz ve prototip çalışmalarının merkezinde Figma var; dosyayı sizinle paylaşıp yorumlarınızı doğrudan ekran üzerinde alabiliyoruz. Görsel düzenleme ve ürün fotoğrafları için Photoshop, ikon ve illüstrasyonlar için Illustrator, mikro animasyon örnekleri için After Effects kullanıyoruz. Tasarımlar WordPress, Shopify, WooCommerce ya da özel yazılım gibi farklı altyapılara uyarlanabilecek şekilde hazırlanır.
Revizyon ve teslim
Revizyon hakkı paketinize göre belirlenir ve teklifte yazılı olarak yer alır. Yapı aşamasında onay almak, sonraki aşamalarda büyük değişiklik ihtiyacını azaltır; bu yüzden wireframe onayına özellikle önem veriyoruz. Teslim edilen tasarımların kullanım hakları size aittir. Siteyi kendi ekibiniz ya da seçtiğiniz bir yazılım firması kodlayabilir.
Gizlilik ve KVKK
Yayına girmemiş bir ürün, yönetim paneli ekranları ya da müşteri verisi içeren örnekler paylaşmanız gerekebilir. Bu dosyaları yalnızca projeniz için kullanıyor, izniniz olmadan hiçbir yerde göstermiyoruz. Talep ederseniz gizlilik sözleşmesi imzalıyoruz. Örnek ekranlarda gerçek kişi verisi yerine temsili veri kullanılmasını öneriyoruz. Ayrıntılar için KVKK aydınlatma metnimize göz atabilirsiniz.
Bütçe ve teklif
Tek sayfalık bir kampanya sayfasıyla onlarca ekranı olan bir uygulamanın emeği aynı değildir. Bu nedenle sayfa ya da ekran sayısını, prototip ihtiyacını ve teslim tarihinizi öğrenip bütçenize göre bir kapsam öneriyoruz. Gerekirse projeyi aşamalara bölüyor, önce en kritik sayfalardan başlıyoruz.
İlgili rehberler
Konuyu daha ayrıntılı incelemek isterseniz blogumuzdaki şu yazılara göz atabilirsiniz:
- UI/UX tasarımında kullanıcı deneyimini güçlendiren teknikler
- Landing page tasarımı ve dönüşüm
- E-ticaret sitesi tasarımında dikkat edilecekler
- Web ve uygulama için ikon seti tasarımı
Diğer hizmetlerimizi hizmetler sayfasında, örnek çalışmalarımızı portfolyoda görebilirsiniz.
Sık sorulan sorular
Bu sayfadaki hizmet, sitenin ve uygulamanın tasarımını kapsar. Geliştiricinizin işini kolaylaştıran kaynak dosyaları ve devir notlarını teslim ediyoruz; kodlama ihtiyacınızı teklif aşamasında ayrıca konuşabiliriz.
Evet. Tüm ana ekranları masaüstü, tablet ve mobil kırılımlarda tasarlıyoruz. Ziyaretçilerin önemli bir kısmı telefondan geldiği için çoğu projede mobil tasarımdan başlıyoruz.
Önce mevcut sitenin hangi noktalarda ziyaretçi kaybettiğini inceliyoruz. Her şeyi baştan yapmak yerine en çok sorun çıkaran sayfalardan başlayan aşamalı bir yenileme planı önerebiliriz.
Evet. Çalışma sırasında prototipi sizinle paylaşıyoruz, teslimde de düzenlenebilir Figma kaynak dosyasını iletiyoruz.
UX/UI projeleri çoğunlukla 7–14 iş günü sürer. Ekran sayısı ve onay süreleri takvimi etkiler; teslim planını teklifle birlikte yazılı olarak paylaşıyoruz.
Projenizi konuşalım
Ne istediğinizi kısaca yazın, varsa örnek görselleri ve teslim tarihinizi ekleyin. Teklif, sorularınızın yanıtları ve dosyalarınız aynı WhatsApp yazışmasında kayıtlı kalır.
