Yeni kurulan Aytemiz Yatırım Bankası'nın pazara giriş stratejisinin en kritik ayağı olan ilk kurumsal web sitesinin uçtan uca UX/UI tasarım sürecini üstlendim.
>Sıfırdan bir dijital kimlik oluştururken temel amacım; köklü kurumların hantal yapısından uzak, modern, temiz (clean/minimalist) ve teknik bir estetiğe sahip, aynı zamanda kullanıcıda "güven" duygusunu anında tesis eden bir deneyim yaratmaktı.
Bu projede sadece ekranları tasarlamakla kalmadım; rakip analizi ve pazar araştırmasıyla başlayan süreci, moodboard ve tasarım sunumlarıyla paydaşlardan onay almaktan, ölçeklenebilir bir design system kurmaya ve geliştirme ekibine uygulamaya hazır nihai tasarımı teslim etmeye kadar uçtan uca tek başıma yönettim.
Projenin temel odağı; yeni kurulan bir bankaya, sektörün alışılmış hantal imajından uzak, modern ve güven veren bir dijital kimlik inşa etmek; aynı zamanda bankanın gelecekteki dijital platformlarına da sağlam bir zemin oluşturmaktı.
Mobil öncelikli, responsive tasarım: Masaüstü ve mobil deneyimi eşit önemde ele alarak tasarım sürecini en baştan responsive bir yaklaşımla kurguladım. Araştırma aşamasında edindiğim kullanıcı davranışı verileri, bankacılık sektöründe müşterilerin siteye ağırlıklı olarak mobil cihazlar üzerinden eriştiğini ortaya koyuyordu; bu bulgu doğrultusunda arayüz kararlarını mobil öncelikli (mobile-first) bir metodolojiyle aldım ve masaüstü deneyimini bu temel üzerine ölçeklendirdim.
Rakip Analizi
Öncü bankacılık platformları incelendi, pazar konumlandırması netleştirildi.
Moodboard & Trend
Marka kimliğine uygun görsel yön ve güncel tasarım trendleri belirlendi.
UX Tasarımı
Bilgi mimarisi ve uçtan uca kullanıcı akışları kurgulandı.
Wireframe
Düşük detaylı iskeletlerle sayfa yapıları ve hiyerarşi test edildi.
Design System
Figma Variables ile ölçeklenebilir bir bileşen kütüphanesi oluşturuldu.
Tasarım Sunumu
Yüksek çözünürlüklü ekranlar paydaşlara sunularak geri bildirim alındı.
Tasarım Teslimi
Geliştirme ekibine eksiksiz, uygulamaya hazır tasarım teslim edildi.
Araştırma ve Keşif
Yeni bir banka için en büyük bariyer marka bilinirliği ve güvendir. Bu doğrultuda sürece kapsamlı bir pazar araştırması ve rakip analizi ile başladım.
- Benchmark Araştırmaları: Sektördeki öncü bankacılık platformlarını detaylı olarak analiz ederek kullanıcı beklentilerini ve endüstri standartlarını ortaya çıkardım; bu bulgular bilgi mimarisi kararlarımızın temelini oluşturdu.
- Moodboard ve Paydaş Sunumları: Farklı tasarım yönelimlerini içeren moodboard çalışmalarını paydaşlara sunarak, bankacılık deneyimi için bilgi mimarisinde izlenmesi gereken en doğru yönü birlikte belirledik.
Tasarım Sistemi ve Mimari
Sürdürülebilir ve gelecekteki geliştirmelere (mobil uygulama, internet şubesi) entegre edilebilir bir yapı kurmak kritikti.
- Design System Metodolojisi: Figma üzerinde butonlardan input alanlarına, kart yapılarından navigasyon modüllerine kadar her bileşeni tutarlı bir Design System metodolojisiyle inşa ettim.
- Figma Variables ile Sistem Yönetimi: Renk paletini ve tipografik hiyerarşiyi Figma Variables kullanarak sisteme entegre ettim; böylece tasarım kararları tek bir kaynaktan yönetildi ve gelecekteki güncellemelere ölçeklenebilir bir altyapı oluştu.
- Tipografi ve Renk: Teknik ve güvenilir bir hissiyat yaratmak amacıyla okunabilirliği yüksek, ekran dostu sans-serif font aileleri (ör. Inter / Roboto) tercih ettim. Bankanın marka renklerini dijital erişilebilirlik (WCAG) standartlarına uygun kontrast oranlarıyla arayüze uyguladım.
Kullanıcı Arayüzü ve Etkileşim
Bir yatırım bankası için arayüz, sadece göz alıcı değil, aynı zamanda anlaşılır ve güven verici olmak zorundadır. Ekranları tasarlarken önceliğim; yoğun finansal içeriği ziyaretçiyi yormadan, sade ve okunabilir bir hiyerarşiyle sunmaktı.
- Güven Veren İlk İzlenim: Anasayfa hero alanında marka logosu, kurumsal renk paleti ve net bir değer önermesiyle ziyaretçiye ilk saniyede güven hissi verildi.
- Temiz ve Minimalist Arayüz: Kullanıcının bilişsel yükünü (cognitive load) azaltmak için bolca negatif boşluk (white space) kullandım. Karmaşık finansal verileri (faiz oranları, hesaplamalar) sade tablolar ve ikonografik anlatımlarla destekledim.
- Kart Tabanlı İçerik Yapısı: Haberler, ürünler ve kampanyalar gibi farklı içerik tipleri; tutarlı, tekrar kullanılabilir kart bileşenleriyle sunularak sayfa genelinde görsel bir düzen sağlandı.
- Hızlı Erişim CTA'ları: "Müşteri Ol" ve "Online Şube" gibi kritik aksiyonlar, header ve anasayfa boyunca her zaman görünür ve tek dokunuşla erişilebilir tutuldu.
- Mobil Öncelikli Okunabilirlik: Kur, faiz ve endeks gibi yoğun finansal veriler, küçük ekranlarda da netliğini koruyacak şekilde tipografi ölçeği ve boşluklamayla optimize edildi.
- Mikro Etkileşimler: Kullanıcıya anlık geri bildirimler veren, sayfa geçişlerini yumuşatan ve arayüze canlılık katan mikro animasyonlar ve hover durumları tasarladım.
Sonuç ve Kazanımlar
Aytemiz Yatırım Bankası için tasarlanan bu ilk platform, sadece estetik bir web sitesi değil, aynı zamanda kurumun gelecekteki tüm dijital ürünlerine rehberlik edecek kapsamlı bir tasarım altyapısı (Design System) oldu. Hızlı yüklenen, mobil öncelikli (mobile-first) ve kullanıcıyı yormayan bu deneyim, bankanın dijital lansmanında güçlü ve güvenilir bir ilk izlenim bıraktı.
Ekranlar
Aytemiz Yatırım Bankası Web Sitesi projesinden öne çıkan ekranlar — masaüstü ve mobil görünümleriyle.
