Skye mobil uygulaması uçuş eğitmeni bulma, uçak kiralama ve uçuş saati biriktirme süreçlerini tek bir yerde topluyor. Skye Live ile bu ekosistemi web tarafında da görünür kılarak, platformu henüz tanımayan kullanıcılara canlı ve anlaşılır bir şekilde anlatmayı hedefledik.

Neler geliştirdik

  • Platform tanıtımı: Skye'ın sunduğu olanakları adım adım anlatan, hareketli bir web deneyimi.
  • Hedef kitleye göre anlatım: pilot adayları ve uçuş eğitmenleri için ayrı ayrı öne çıkan faydalar.
  • Uygulamaya yönlendirme: ziyaretçiyi uygulamayı denemeye davet eden net çağrı alanları.
  • Mağaza yönlendirmeleri: ziyaretçiyi doğrudan App Store ve Google Play sayfalarına taşıyan bağlantılar.
  • Hareketli bölümler: sayfa kaydırıldıkça açılan, uygulamanın özelliklerini sırayla anlatan animasyonlar.
  • SEO ve performans: arama motorlarına uygun sayfa yapısı, hızlı yüklenme ve optimize edilmiş görseller.

Mobil uygulamanın görsel dilini web'e taşıyarak iki ürün arasında tutarlı bir marka deneyimi kurduk. Gökyüzü ve uçuş temasını hareketli görsellerle destekledik; içeriği kısa, taranabilir bloklar halinde düzenleyerek mesajın her ekranda hızla anlaşılmasını sağladık.

Nasıl çalıştık

Skye Live 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ç

Skye Live, Skye ekosisteminin web yüzü olarak platformun değerini canlı bir şekilde anlatan ve yeni kullanıcıları uygulamayla buluşturan bir deneyim oldu.