Yatçılık, deneyimin daha ilk bakışta hissedilmesi gereken bir alan. Aya Yachting için, markanın sunduğu deniz deneyimini premium bir dijital vitrine dönüştüren bir web sitesi tasarlayıp geliştirdik.

Neler geliştirdik

  • Filo ve hizmet sunumu: yatları ve sunulan hizmetleri geniş görsellerle tanıtan sayfalar.
  • Deneyim odaklı içerik: denizde geçecek zamanı ziyaretçinin gözünde canlandıran anlatım yapısı.
  • Talep ve iletişim: ilgilenen ziyaretçiyi hızla rezervasyon talebine ve iletişime yönlendiren akış.
  • İki dilli yapı: Türkçe ve İngilizce içeriklerin aynı panelden yönetildiği dil altyapısı.
  • Yat detay sayfaları: kapasite, kabin sayısı ve teknik özellikleri gösteren sayfalar.
  • Rezervasyon talebi: tarih ve kişi sayısıyla talep oluşturulan form.

Denizin derin tonlarını ve lüks yaşamın zarafetini yansıtan, sade ama etkileyici bir görsel dil kurguladık. Büyük görsel alanlar, ölçülü tipografi ve dengeli boşluklarla premium bir atmosfer oluştururken, sitenin hem masaüstünde hem mobilde aynı kaliteyle deneyimlenmesini sağladık.

Nasıl çalıştık

Aya Yachting için önce içerik yapısını ve sayfa hiyerarşisini çıkardık. Tasarımı Figma'da ana sayfadan başlayarak tüm sayfa şablonlarına yaydık. Onaylanan tasarımı bileşen bileşen koda döktük, içerikleri girdik ve siteyi farklı ekran boyutlarında ve tarayıcılarda test ederek yayına aldık.

Teknik altyapı

Siteyi React ve Next.js ile geliştirdik; TypeScript kodun güvenilirliğini, Tailwind CSS arayüzün tutarlılığını sağlıyor. İçerik, Node.js ve MySQL üzerinde çalışan bir yönetim panelinden güncelleniyor. Sayfalar sunucu tarafında oluşturulduğu için site hızlı açılıyor ve arama motorlarında doğru şekilde dizinleniyor.

Sonuç

Aya Yachting, sunduğu deniz deneyimini prestijli ve davetkâr bir şekilde anlatan, ziyaretçiyi talep adımına doğal biçimde taşıyan bir web sitesine kavuştu.