TurkishExporter, Türkiye’de üretim yapan firmaları yurt dışındaki alıcılarla buluşturan bir B2B platform. Mevcut web sitesi, yıllar içinde içerik ve fonksiyon eklenerek büyümüş; ancak arayüz dili, güncel tasarım standartlarının ve kullanıcı alışkanlıklarının gerisinde kalmıştı.
Bu projede; TurkishExporter’ın eskimiş arayüzünü, markanın gücünü ve potansiyelini daha iyi yansıtan, modern, temiz ve ihracat odaklı bir web deneyimine dönüştürmek için arayüz tasarımını baştan kurguladım.
Bilgi Mimarisi ve Akışların Sadeleştirilmesi
Öncelikle mevcut sayfa yapısını, menü hiyerarşisini ve içerik bloklarını analiz ettim.
Amaç:
- İhracatçı firmalar, alıcılar ve potansiyel iş ortakları için en kritik sayfaları öne çıkarmak,
- Karar verdiren içerikleri (güven unsurları, istatistikler, referanslar, paketler vb.) daha görünür kılmak,
- Gereksiz tekrarları ve karmaşık akışları azaltmaktı.
Sonuç, daha kısa ve anlaşılır menüler, daha net iniş sayfaları ve tek bakışta okunabilir bir içerik düzeni oldu.
Eskimiş Görünümden Modern Web Deneyimine
Görsel dilde odaklandığım başlıklar:
- Temiz grid yapısı: Metin ve görsel bloklarını, geniş beyaz alanlarla destekleyen, nefes alan bir layout.
- Modern tipografi: Hem masaüstü hem mobilde okunabilirliği yüksek, hiyerarşisi net bir yazı karakteri seçimi.
- Güncel bileşenler:
- Kart tabanlı listelemeler,
- Net CTA butonları,
- Kullanıcıyı yönlendiren ikonografi,
- Farklı içerik tipleri için tekrar kullanılabilir bölüm şablonları.
Bu sayede eski arayüzün dağınık ve yorucu hissi yerini; profesyonel, güncel ve güven veren bir görünüşe bıraktı.
Kullanıcı Deneyimini İyileştiren Dokunuşlar
Arayüz tasarımında sadece görselliği güncellemekle kalmayıp, UX tarafını da güçlendiren kararlar alındı:
- Üst ve alt navigasyonların sadeleştirilmesi,
- Başlık–alt başlık–metin hiyerarşilerinin netleştirilmesi,
- İhracatçı ve alıcı için kritik aksiyonların (kayıt olma, firma/ürün arama, iletişime geçme) sayfa üzerinde daha belirgin hale getirilmesi,
- Mobil ekranlarda başta filtre ve menü olmak üzere, tek elle kullanım kolaylığı sağlayan konumlandırmalar.
Bu sayede ziyaretçiler, hem masaüstü hem mobilde daha akıcı ve yönlendirici bir deneyimle karşılaşıyor.
Bu projede:
- TurkishExporter’ın mevcut web arayüzünü analiz ederek güncel arayüz standartlarına göre yeniden yorumladım.
- Tüm kritik sayfalar için wireframe ve UI tasarımlarını hazırladım.
- Görsel dili, bileşenleri ve sayfa şablonlarını içeren tutarlı bir arayüz sistemi kurguladım.
- Arayüz tasarımı boyunca, odakta her zaman kullanıcı deneyimini iyileştirmek ve ziyaretçiyi doğru aksiyona yönlendirmek vardı.
Yenilenen TurkishExporter arayüzü:
- Platformun kurumsal gücünü ve uluslararası konumunu görsel olarak daha iyi yansıtan,
- Eski yapıya göre çok daha okunabilir, derli toplu ve yönlendirici,
- Modern web standartlarına uygun, kullanıcı dostu bir deneyim sağlıyor.
Bu projeyle, TurkishExporter’ın arayüzü; sadece “yenilenmiş bir site” değil, platformun ihracat dünyasındaki rolünü daha net anlatan bir yüz kazandı.