Web ve arayüz tasarımı için UX ajansı, araştırmadan uygulamaya kadar
Metin
ASES, UI/UX tasarımı yapan bir tasarım ajansıdır. Müşterilerinizin ve ekibinizin kılavuza gerek duymadan kullanacağı web siteleri, uygulamalar ve yazılımlar tasarlarız. Bunun için kullanıcılarınızın ne yapmak istediğini sorarak başlar; yapıyı, tıklanabilir prototipi ve bitmiş arayüzü buna göre hazırlarız. İsterseniz tasarımı kendi ekibimiz uygular.
Web sitesi ya da uygulama tasarlatmak: süreç nasıl işler
Web sitenizin ya da uygulamanızın bugün nerede durduğunu seçin. Harita sıradaki adımınızı ve her aşamanın sonunda elinizde ne olacağını gösterir.
Buradasınız
Yeni bir web sitesi ya da uygulama planlıyoruz
İlk adımınız
Web sitenizi ya da uygulamanızı kimin kullanacağını ve bu kişilerin orada ne yapmak istediğini sizinle netleştiririz. Sayfalar, akışlar ve tasarım buna göre şekillenir.
Başlamak için yeterli
Projenizin kısa bir tanımı ve varsa beğendiğiniz siteler; her biri için neyi beğendiğinizi anlatan bir cümleyle.
Sitemiz ya da yazılımımız daha kolay kullanılmalı
İlk adımınız
Önce bugün iyi çalışan ve kalabilecek olanı belirleriz. Ardından kullanıcıların hangi noktalarda takıldığını görür, tam bu noktaları yeniden düzenleriz.
Başlamak için yeterli
Sitenizin adresi ya da yazılım için bir deneme erişimi. Paylaşmak isterseniz analiz verilerinize erişim de işimizi kolaylaştırır.
Sitemizi erişilebilir hâle getirmek istiyoruz
İlk adımınız
Web Sitesi Denetimi bir sayfa için otomatik ölçülebilen kısmı hemen gösterir. Klavyeyle kullanımı, ekran okuyucuyu ve büyütmeyi ayrıca elle kontrol eder, ardından hangi şablonları ve bileşenleri uyarlayacağımızı sizinle belirleriz.
Başlamak için yeterli
Sitenizin adresi.
Görünümümüz her yerde farklı
İlk adımınız
Şirketinizin bugün web sitesinde, sunumlarda ve belgelerde nasıl göründüğünü toplarız. Logo, renk ve yazı tiplerini tasarım aşamasında geliştirir, orada hemen sitenizde deneriz.
Başlamak için yeterli
Mevcut logonuz ve belgelerinizden birkaç örnek.
01 İlk görüşme ve hedefler
Biz
Web sitenizin ya da uygulamanızın şirketiniz için neyi başarması gerektiğini sizden dinler, bugün elinizde olanlara bakarız: sayfalar, programlar ve belgeler.
Siz
Hedefinizi ve kullanıcı gruplarınızı anlatır, beğendiğiniz örnekleri gösterirsiniz.
Aşama sonunda
Hedefler, kullanıcılar ve onların en önemli işleri hakkında net bir tablo.
02 Kapsam ve teklif
Biz
Hangi sayfaların ve ekranların tasarlanacağını, projenin hangi araştırma ve test adımlarına ihtiyaç duyduğunu, bir tasarım sisteminin kapsama girip girmediğini ve tasarımı bizim uygulayıp uygulamayacağımızı belirleriz.
Siz
Öncelikleri siz belirler, teklifi incelersiniz.
Aşama sonunda
Kapsamı net, sabit fiyatlı bir teklif.
03 Araştırma ve yapı
Biz
Analiz verileri ve müşteri hizmetlerinize sık gelen sorular gibi eldeki verileri değerlendirir, hedef kitlenizden kişilerle konuşuruz. Ardından sayfa yapısını ve akışları tel kafes (wireframe) olarak belirleriz.
Siz
Verilerinize erişim sağlarsınız. Görüşmeler ve testler için katılımcıları kimin bulacağını birlikte belirleriz.
Aşama sonunda
Herkesin üzerinde uzlaştığı bir sayfa ve akış yapısı.
04 Prototip, test ve tasarım
Biz
Geliştirme başlamadan önce her ekranı tıklanabilir bir prototipte denersiniz. Prototipi hedef kitlenizden kişilerle test eder, duraksadıkları yerleri değiştirir, ardından tüm ekranları telefon ve masaüstü için erişilebilir biçimde tasarlarız.
Siz
Prototipe geri bildirim verir, tasarım kararlarını bizimle birlikte alırsınız.
Aşama sonunda
Tüm ekranların test edilmiş tasarımları.
05 Uygulama ve teslim
Biz
Tasarımı bir web sitesi, mağaza ya da yazılım olarak uygular veya geliştirme ekibinize teslim ederiz. Yayına geçerken ekibinize eğitim veririz. Yayından sonra isterseniz sitenizin ya da uygulamanızın bakımını ve iyileştirilmesini sürdürürüz.
Siz
Yayından önce sonucu bizimle birlikte gözden geçirirsiniz.
Aşama sonunda
Prototipte test edildiği gibi çalışan bir arayüz.
Geliştirme ekibinizin ne teslim aldığını ve taslağın nasıl koda dönüştüğünü aşağıdaki bölüm gösterir. Tasarımdan koda
UX tasarımı, kullanıcılarınızın bilgiyi nasıl bulduğunu ve işlerini nasıl tamamladığını belirler. UI tasarımı ise bu sırada gördükleri ve kullandıkları arayüzü şekillendirir. İkisini web sitesi, mağaza ve yazılım için birlikte planlarız. Çoğu zaman birkaç konu iç içe geçer; örneğin bir kullanılabilirlik testiyle başlayıp bir tasarım sistemiyle biten bir yeniden tasarımda.
UX araştırması ve kullanıcı testleri
UX araştırması ve kullanıcı testleri
Kullanıcılarınızın ihtiyaçlarını anlamak ve ekranları kullanılabilirlik testleri ve prototiplerle denemek.
UX denetimi
Kullanıcı görüşmeleri
Kullanılabilirlik testi
Tıklanabilir prototip
Önem sırasına göre dizilmiş, her biri için bir önlem içeren bir gözlem listesi alırsınız.
Elimizdeki verilerle başlarız: analiz verileri, satış ve müşteri hizmetlerinin tekrar tekrar yanıtladığı sorular ve ziyaretçilerin sitenizde aradığı sözcükler. Ardından hedef kitlenizden kişilerle deneyimleri üzerine konuşur, onlara tıklanabilir bir prototipte tipik görevler çözdürürüz. Duraksadıkları ya da vazgeçtikleri yerde tasarımı değiştiririz. Mevcut bir site ya da yazılıma ilk görüşmede kısaca bakarız; ayrıntılı inceleme, yani UX denetimi (UX audit), projenin ilk aşamasıdır.
Ziyaretçilerin nerede siteden ayrıldığını ya da kullanıcıların neden sürekli soru sorduğunu öğrenmek istiyorsanız uygundur.
Web tasarımı
Web tasarımı
Ziyaretçiyi aradığına ulaştıran, telefonda da masaüstünde de çalışan web siteleri.
Duyarlı web tasarımı
Kurumsal web sitesi
Yeniden tasarım
Tüm sayfa şablonlarının telefon, tablet ve masaüstü için tasarımlarını alırsınız.
Önce ziyaretçilerin sitenizde ne yapması gerektiğini netleştiririz: talep göndermek, ürünleri karşılaştırmak, bir muhatap bulmak. Menü, ana sayfa ve her sayfa şablonu buna göre şekillenir. Duyarlı (responsive) web tasarımı bizde, her şablonu telefon, tablet ve masaüstü için tasarlamak demektir. Yeniden tasarımda bugün iyi çalışanı korur, ziyaretçileri yavaşlatanı değiştiririz.
Ziyaretçilerin aradığını daha hızlı bulmasını istiyorsanız ya da bir yeniden tasarım gündemdeyse uygundur.
Uygulama ve yazılım arayüz tasarımı
Uygulama ve yazılım arayüz tasarımı
Alışma süresi gerektirmeden kullanılan uygulama ve iş yazılımı ekranları.
Pano tasarımı
Müşteri portalı
Mobil uygulama tasarımı
İş uygulaması
Prototipte denenmiş, tüm ekranların ve durumların tasarımlarını alırsınız.
Müşteri portalları, panolar (dashboard), şirket içi iş uygulamaları ve iOS ile Android uygulamaları tasarlarız. Her ekran kullanıcının nerede olduğunu ve sıradaki adımı gösterir. Bir ekranın tüm durumlarını da tasarlarız: boşken, yüklenirken, hata olduğunda ve iş başarıyla bittiğinde. Uygulamalarda kullanıcılarınızın iOS ve Android'den alıştığı kullanım kalıplarını izleriz.
Ekibiniz ya da müşterileriniz her gün bu uygulamayla çalışıyorsa uygundur.
Tasarım sistemleri
AaAa
Tasarım sistemleri
Bütün ekranların tutarlı kalması için renk, yazı tipi ve bileşenlerden oluşan ortak bir set.
Tasarım token'ları
Bileşen kütüphanesi
Stil rehberi
Figma kütüphanesi
Figma'da bir kütüphane alırsınız; isterseniz bileşenleri kodda da teslim ederiz.
Renkleri, yazı tiplerini ve boşlukları tasarım token'ları (design tokens) olarak belirleriz. Düğmeleri, form alanlarını ve diğer bileşenleri tüm durumlarıyla, hangisinin ne zaman kullanılacağını anlatan kurallarla birlikte tasarlarız. Bir rengi değiştirdiğinizde tüm ekranlarda aynı anda değişir. Kontrastlar, odak görünümü ve dokunma alanlarının en küçük boyutu sistemde sabittir. Orta ölçekli bir şirkete çoğu zaman ürününüzle birlikte büyüyen yalın bir kütüphane yeter.
Birden çok site, uygulama ya da ekip aynı bileşenleri kullanıyorsa uygundur.
Dijital erişilebilirlik
Tab⏎
Dijital erişilebilirlik
BFSG ve WCAG'ye uygun, mümkün olduğunca çok kişinin engelsiz kullanabildiği site ve uygulamalar.
Erişilebilir web sitesi
Mevcut sitelerin kontrolü
Erişilebilirlik bilgileri
Klavyeyle ve ekran okuyucuyla kullanılabilen bir web sitesi alırsınız.
Yeni bir web sitesinde kontrastları, klavyeyle kullanımı, ekran okuyucu etiketlerini ve anlaşılır formları ilk taslaktan itibaren planlarız. Mevcut bir sitede önce engellerin nerede olduğunu inceler, hangi sırayla gidereceğimizi sizinle belirleriz. BFSG'nin kimleri kapsadığını ve neler gerektiğini aşağıdaki bölüm gösterir.
Tüketicilere çevrim içi sözleşme sunuyorsanız ya da sitenizin herkes tarafından kullanılabilmesini istiyorsanız uygundur.
Kurumsal kimlik tasarımı
Kurumsal kimlik tasarımı
Şirketinizi her yerde tanınır kılan logo, renkler ve yazı tipleri.
Logo
Renkler ve yazı tipleri
Kurumsal kimlik kılavuzu
Sunumlar ve basılı işler
Logo dosyaları, renkler, yazı tipleri, kurumsal kimlik kılavuzu ve sunum şablonları alırsınız.
Devamını okuyun
Logonuzu sıfırdan tasarlar; renk, yazı tipi ve görsel dili geliştirir, nasıl kullanılacaklarını kurumsal kimlik kılavuzunda yazıya dökeriz. Böylece ekibiniz ve diğer hizmet sağlayıcılarınız da onları doğru kullanır. Sunum şablonlarını ve basılı belgeleri de buna uygun tasarlarız. Web siteleri ve uygulamalar da tasarlayan bir kurumsal kimlik ajansı olarak yeni görünümü hemen sitenizde ve uygulamanızda deneriz. Kurumsal kimliğiniz hazırsa onu tasarım sistemine aktarırız.
Şirketinizin web sitesinde, sunumlarda ve belgelerde tutarlı görünmesini istiyorsanız uygundur.
İllüstrasyon, hareket, 3D
Arayüzden fazlası: illüstrasyon, hareket ve 3D
Web sitesi ve uygulamaların yanında markanızı öne çıkaran görselleri, hareketleri ve nesneleri de tasarlarız.
İllüstrasyonlar ve ikonlar
İllüstrasyonlar ve ikonlar
Kurumsal kimliğinizin üslubunda özel illüstrasyonlar ve ikon setleri; web sitesi, uygulama, sunum ve basılı işler için.
Illustrator
Figma
Hareket ve animasyon
Hareket ve animasyon
Arayüzler ve logolar için animasyonlar ve teklifinizi tanıtan kısa videolar. Web sitelerinde ve uygulamalarda hızlı yüklensinler diye Lottie ya da Rive ile uygularız.
After Effects
Lottie
Rive
3D ve mockup
3D ve mockup
Ürününüzü, uygulamanızı ya da web sitenizi kullanımda gösteren 3D görseller ve mockup'lar.
Blender
Spline
Photoshop
Tek fikir
Tek fikir, birçok biçim
Web sitesi, uygulama, mağaza ya da kampanya: Fikrinizi müşterilerinize ulaşan biçime getiririz.
Web sitesi
Mağaza
Fikriniz
Uygulama
Kampanya
Örnek
Bir ekran böyle oluşur: müşteri portalından bir örnek
Bir örnek: Bir üreticinin iş müşterileri, teslimatlarının ne zaman geleceğini sormak için sık sık arıyor. Müşteriler cevabı kendileri bulabilsin diye müşteri portalındaki sipariş özetini şöyle yeniden tasarlarız.
Örnek · Müşteri portalı · Sipariş özeti
01 Anlamak
Anlamak
Ne yapıyoruz
Müşteri hizmetlerine en sık gelen soruları okur, analiz verilerinde müşterilerin portalı nerede bıraktığına bakarız.
Ne ortaya çıkıyor
Müşterilerin en önemli işleri ve portaldaki yolları, tek bir sayfada.
02 Taslak çizmek
Taslak çizmek
Ne yapıyoruz
Özet ekranı için birkaç seçenek çizer, hangisiyle devam edeceğimize sizinle birlikte karar veririz.
Ne ortaya çıkıyor
Sipariş özetinin tel kafesi (wireframe).
03 Test etmek
“Siparişinizin ne zaman geleceğini bulun.”Katılımcılar burada duraksadı.
Test etmek
Ne yapıyoruz
Test katılımcıları tıklanabilir prototipte bir görevi çözer: “Siparişinizin ne zaman geleceğini bulun.” Duraksadıkları yerde tasarımı değiştirir, yeniden test ederiz.
Ne ortaya çıkıyor
Bir gözlem listesi ve değiştirilmiş bir prototip.
04 Tasarlamak
Tasarlamak
Ne yapıyoruz
Teslim tarihi en başta olacak biçimde özet ekranını telefon ve masaüstü için, açık ve koyu modda, tüm durumlarıyla tamamlarız.
Ne ortaya çıkıyor
Uygulamaya hazır tasarım dosyaları.
Teslim
Tasarımdan koda: tasarım sistemi ve teslim
Figma'da tasarlanan, kodda da aynı görünmeli ve prototipteki gibi kullanılmalı. Bu yüzden tasarım ve geliştirme bizde aynı ekipte çalışır; renkler, yazı tipleri ve bileşenler Figma'da ve kodda aynı adları taşır.
Tasarım
accent
title
xl
4
focus
Kod
Kodda renkler, yazı, boşluklar ve odak, tasarımdakiyle aynı adları taşır.
WordPress, TYPO3 ya da Webflow ile bir web sitesi, bir mağaza ya da bir uygulama: Hepsini tasarımdaki bileşenlerin aynısıyla kurarız. Uygulama sürerken bir önizleme bağlantısı, neyin hazır olduğunu size gösterir.
Geliştirme ekibiniz tasarım dosyalarını tüm durumlar ve ekran boyutlarıyla, prototip bağlantısıyla birlikte alır. İsterseniz bileşenleri Storybook'ta belgelenmiş kod olarak da teslim ederiz.
Erişilebilirlik
BFSG ve WCAG'ye uygun erişilebilir web sitesi: neler gerekir
Erişilebilirlik, insanların sitenizi klavyeyle, ekran okuyucuyla ya da güçlü büyütmeyle de kullanabilmesi demektir. Bundan bütün ziyaretçiler yararlanır; örneğin net etiketler, anlaşılır hata mesajları ve kolay okunan kontrastlar sayesinde.
FirmaE-postaLütfen geçerli bir e-posta adresi girin.Gönderin
TabTab⏎
Ne gerekir
Her alana ve her düğmeye klavyeyle, mantıklı bir sırayla ulaşılır; odak her zaman görünür kalır.
Nasıl kontrol ederiz
Her şablonu fare kullanmadan baştan sona dener, formlarda gönderme adımına kadar ilerleriz.
Ne gerekir
Alanların, düğmelerin ve görsellerin ekran okuyucunun sesli okuduğu adları vardır. Hata mesajları ne yapılması gerektiğini söyler.
Nasıl kontrol ederiz
Formları ve akışları bir ekran okuyucuyla baştan sona dinleriz.
Ne gerekir
Güçlü büyütmede içerikler alt alta dizilir, hiçbir şey kesilmez. Metin arka plandan yeterli kontrastla ayrılır.
Nasıl kontrol ederiz
Her şablonu güçlü büyütmeyle dener, metnin ve kontrol öğelerinin kontrastlarını ölçeriz.
Her projeyi WCAG 2.2, AA düzeyine göre tasarlar ve kontrol ederiz. Web Sitesi Denetimi bir sayfada otomatik ölçülebilen kısmı denetler; bu bir BFSG değerlendirmesi değildir.
Almanya'daki BFSG, özellikle tüketicilerin çevrim içi sözleşme yaptığı web sitelerini ve uygulamaları kapsar; örneğin bir online mağaza ya da bir rezervasyon. Bu hizmetler için 28 Haziran 2025'ten beri geçerlidir. On kişiden az çalışanı ve en çok 2 milyon avro yıllık cirosu ya da bilanço toplamı olan mikro işletmeler, hizmet sunuyorlarsa muaftır. Yalnız bilgi veren siteler ve yalnızca işletmelere satış yapan mağazalar genellikle yasanın kapsamına girmez.
Online mağazakapsamda
Online rezervasyonkapsamda
Bilgi sitesigenellikle kapsam dışı
Yalnızca iş müşterilerine satan mağazagenellikle kapsam dışı
Yasanın istediği bilgiler
Hizmetinizin erişilebilirlik gerekliliklerini nasıl karşıladığı
Yetkili piyasa gözetim makamı
BFSG kapsamındaki şirketler, hizmetleri için bu erişilebilirlik bilgilerini yayımlar. Bu bilgileri sizinle birlikte hazırlarız.
Engelleri sitenizin kodunda, şablonlarında ve bileşenlerinde gideririz; böylece her sayfa bundan yararlanır. Bir overlay eklentisi sayfayı yalnızca ziyaretçinin tarayıcısında değiştirir; sitenizin kodu olduğu gibi kalır.
Maliyet
Web tasarımı ne kadar tutar? Fiyatı belirleyen etkenler
Tasarım projenizin fiyatını iş başlamadan önce bilirsiniz. Tasarım ve uygulama için proje başına sabit bir fiyat, bakım ve geliştirme için aylık sabit bir ücret ödersiniz.
Teklif
Tasarım ve uygulama, tek seferlik
Sabit fiyatlı proje
Araştırma, tasarım ve isterseniz uygulama için, yayına kadar.
Net tanımlanmış kapsam için sabit fiyat
Kapsam değişirse önce teklifi güncelleriz
Saatlik faturalama yok
Yayın
Yayından sonra, aylık
Bakım ve geliştirme
Yayından sonrası için, isterseniz.
Bakım ve destek için aylık sabit ücret
Telefonla 7/24 destek
Yeni sayfalar ve özellikler için iş paketi başına ayrı teklif
Kapsamı belirleyen etkenler
Kaç sayfa şablonu ve ekran tasarlanacağı
Projenin hangi araştırma ve test adımlarına ihtiyaç duyduğu
Yeni bir tasarım sistemi mi kurulacağı, yoksa mevcut bir sistemin mi genişletileceği
Logo, renkler ve yazı tiplerinin hazır olup olmadığı
Mevcut bir sitenin ne ölçüde erişilebilir olduğu
Arayüzün ve içeriklerin kaç dilde yayınlanacağı
Tasarımı bizim de uygulayıp uygulamayacağımız
Bir bütçe çerçeveniz varsa ilk görüşmede paylaşın. Kapsamı buna göre belirler, diğer sayfaları sonraki adımlara planlarız.
Yayından sonraki giderler
Yayından sonra da giderler olur: yazı tipleri, görseller ve Webflow gibi araçların lisansları, barındırma ve bakım. Bu kalemler teklifinizde yazar.
Size kalanlar
Sonunda size kalanlar
Ödeme tamamlanınca web sitenizi ya da uygulamanızı kendiniz sürdürmeniz veya başka bir ekiple geliştirmeye devam etmeniz için gereken her şeyi size teslim ederiz.
Tasarım
Sizin için tasarladığımız tüm ekranların tasarım dosyaları
Tıklanabilir prototipin bağlantısı
Kütüphane olarak tasarım sistemi
Kod, uygulamayı biz yaparsak
Sizin için geliştirilen kaynak kod
Tüm değişiklik geçmişiyle Git deposu
Teknik dokümantasyon
Erişimler
Sunucular ve barındırma
Alan adları
Tüm hizmetlerin hesapları
Haklar
Kullanım hakları
Yazı tipi ve görsel lisansları, Webflow gibi araçlardaki hesaplar ve Figma dosyaları proje boyunca bizde durur. Ödeme tamamlanınca bunları size aktarırız.
Dosyaları ve kodu yeni bir ekibin de kolayca anlayacağı biçimde hazırlarız. Sitenizle ya da uygulamanızla bundan sonra kimin ilgileneceğine siz karar verirsiniz.
Araçlar
Tasarımda kullandığımız araçlar
İşe uygun araçlarla çalışırız: arayüzler için Figma ve Sketch; görsel, grafik ve hareket için Adobe Photoshop, Illustrator, InDesign ve After Effects; 3D için Blender ve Spline; kodda React, Storybook ve Tailwind CSS.
Tasarım ve prototip
Taslaklar, tıklanabilir prototipler ve tasarım sistemleri için kütüphaneler.
Figma
Sketch
Framer
Görsel ve grafik
Görsel düzenleme, illüstrasyonlar, ikonlar ve basılı işler.
Photoshop
Illustrator
InDesign
Hareket ve 3D
Arayüz ve logo animasyonları, 3D görseller ve mockup'lar.
After Effects
Lottie
Rive
Blender
Spline
Bileşenler
Kodda, geliştirme ekibiniz için belgelenmiş bileşenler.
Storybook
React
Tailwind CSS
Web siteleri
İçeriğini ekibinizin kendisinin düzenlediği web siteleri.
Webflow
WordPress
TYPO3
Araştırma ve analiz
Ziyaretçilerin sitenizi nasıl kullandığı ve hangi noktada ayrıldığı.
Matomo
Google Analytics
Hotjar
Erişilebilirlik kontrolü
Kontrastların, etiketlerin ve yapının otomatik kontrolü; buna ek olarak elle yaptığımız kontrol.
Maliyet, süreç, kullanıcı testleri, tasarım dosyaları ve erişilebilirlikle ilgili yanıtlar.
Web tasarımı ya da bir UX projesi ne kadar tutar?
Bu, kapsama bağlıdır: sayfa şablonu ve ekran sayısına, araştırma ve test adımlarına, bir tasarım sistemine, kurumsal kimliğinizin durumuna, dillere ve tasarımı bizim de uygulayıp uygulamayacağımıza. Kapsam netleşince sabit fiyatlı bir teklif alırsınız. Bakım için aylık ücret, yeni işler için iş paketi başına teklif veririz. Saatlik faturalama yapmayız.
Bir tasarım projesi ne kadar sürer?
Süreyi kapsam, test turları ve metinlerin, görsellerin ve kararların ne kadar çabuk hazır olduğu belirler. Kendi ekibimiz işe çabuk başlar. Bir fuar ya da planlanmış bir site yenilemesi gibi kesin bir tarihiniz varsa ilk görüşmede söyleyin. Kapsamı bu tarihe göre planlarız.
Bir UX ajansı ne yapar, bizim için ne zaman işe yarar?
Bir UX tasarım ajansı, kullanıcılarınızın ne yapmak istediğini ve bunu yaparken nerede takıldığını bulur. Ekranları geliştirme başlamadan önce prototipte dener, ardından tasarımı tamamlar. Yeni bir web sitesi ya da uygulama planlıyorsanız, ziyaretçiler siteden erken ayrılıyorsa ya da bir site yenilemesi yaklaşıyorsa işe yarar.
UX ve UI tasarımı nedir, aralarındaki fark ne?
UX, User Experience yani kullanıcı deneyimi demektir. UX tasarımı, kullanıcıların hedeflerine ulaşıp ulaşmadığını ve bunun ne kadar kolay olduğunu belirler: yapı, akışlar ve kullanılan sözcükler. UI, User Interface yani kullanıcı arayüzü demektir. UI tasarımı, kullanıcıların gördüğünü ve kullandığını şekillendirir: yerleşim, renkler, yazı tipleri, düğmeler ve durumları. İkisini birlikte planlarız.
Kullanıcılarımızın tasarımı rahat kullanıp kullanmadığını nasıl test ediyorsunuz?
Hedef kitlenizden kişiler tıklanabilir prototipte tipik görevleri çözer; örneğin bir siparişi bulur ya da bir formu doldurur. Katılımcıları kimin bulacağını her projede sizinle belirleriz. Nerede duraksadıklarını ya da yanlış yola saptıklarını izler, tasarımı değiştirir ve yeniden test ederiz. Sonunda önem sırasına göre dizilmiş, her biri için bir önlem içeren bir gözlem listesi alırsınız.
Sonunda ne alıyoruz: Figma dosyaları, prototip, tasarım sistemi?
Ödeme tamamlanınca tüm ekranların Figma'daki tasarım dosyalarını, prototip bağlantısını, kütüphane olarak tasarım sistemini ve kullanım haklarını alırsınız. Tasarımı biz de uygularsak bunlara sizin için geliştirilen kaynak kod Git deposuyla, teknik dokümantasyon ve tüm erişimler eklenir.
Tasarımı siz de uyguluyor musunuz, sonrasında kim ilgileniyor?
Evet. Aynı ekip web sitenizi WordPress, TYPO3 ya da Webflow ile, mağazanızı, uygulamanızı ya da yazılımınızı geliştirir. Şirketinizin kendi geliştiricileri varsa tasarımı tüm durumları ve ekran boyutlarıyla onlara teslim ederiz. Başka bir ekibin hazırladığı tasarımı da uygularız. Yayından sonra isterseniz güncellemeler, izleme ve geliştirmeyle sitenizin ya da uygulamanızın bakımını sürdürürüz.
Sitemizi baştan yapmadan yenileyebilir misiniz?
Evet. Önce bugün iyi çalışan ve kalabilecek olanı belirleriz. Analiz verilerinizle ziyaretçilerin nerede takıldığını görürüz; Web Sitesi Denetimi bir sayfanın ne kadar hızlı açıldığını ve otomatik bulunabilen engelleri gösterir. Bu şablonları ve sayfaları mevcut sistemde iyileştiririz. Yapı ya da sistem artık şirketinize uymuyorsa sizinle birlikte sitenin yenilenmesini planlarız.
Tasarım sistemi ne zaman yatırıma değer?
Birden çok site, uygulama ya da ekip aynı bileşenleri kullandığında, ürününüz büyümeye devam ettiğinde ya da görünümünüz farklı yerlerde birbirinden uzaklaştığında. Tek ve küçük bir site için yalın bir stil rehberi ve küçük bir bileşen kütüphanesi yeter. Sistemi gerektiği kadar büyük kurar, ürününüzle birlikte genişletiriz.
Sitemizin erişilebilir olması zorunlu mu?
Tüketiciler sitenizde çevrim içi sözleşme yapıyorsa, örneğin bir mağazada ya da rezervasyonda, Almanya'da 28 Haziran 2025'ten beri genellikle BFSG kapsamındasınız. Hizmet sunan mikro işletmeler muaftır. Yalnız bilgi veren siteler ve yalnızca iş müşterilerine satan mağazalar çoğunlukla yasanın kapsamına girmez. Yasa sizi kapsamasa da her projeyi WCAG 2.2, AA düzeyine göre erişilebilir tasarlarız.
Önce bir kurumsal kimliğe mi ihtiyacımız var?
Şart değil. Logo, renkler ve yazı tipleri hazırsa onları tasarım sistemine alır, web sitesini ve uygulamayı onlarla tasarlarız. Eksikse ya da görünümünüz her yerde farklıysa önce kurumsal kimliği geliştirir, hemen ilk ekranlarda deneriz.
Başlayabilmemiz için sizin bizden neye ihtiyacınız var?
Ayrıntılı bir proje tanımı ya da ihtiyaç dokümanı gerekmez. Hedefinizi ve kullanıcılarınızı kısaca anlatın. Sitenizin adresi, beğendiğiniz örnekler ve her biri için neyi beğendiğinizi anlatan bir cümle, elinizdeki logo, yazı tipleri ya da stil rehberi işimizi kolaylaştırır. İsterseniz analiz verilerinize erişimi de paylaşın.
Web sitenizi ya da uygulamanızı kimin kullandığını ve orada neyin kolaylaşması gerektiğini anlatın. Size en kısa sürede döner, ilk görüşme için sizinle bir gün belirleriz.