Cruise Genie - Mobil Uygulama Tasarımı

Rol

UX, UI, and Motion Design (end-to-end)

Müşteri

Global Ports Holding

Araçlar

Figma

Ürün

Gemi seyahatleri (cruise); kısıtlı kıyı süresi, parçalı zaman çizelgeleri ve limanlardaki değişken hücresel bağlantı gibi benzersiz operasyonel ve tasarım zorlukları barındırır. Ürün ekibiyle yakın bir iş birliği içinde temel iş hedeflerini analiz ettik; Cruise Genie’yi basit bir arama aracından yapılandırılmış, kişiselleştirilmiş bir seyahat asistanına dönüştürdük.

Çıktılar: Uçtan Uca iOS & Android Uygulama Yenilemesi (Redesign), Seyahat Tasarım Sistemi, Algoritmik Öneri Akışı, Çevrim Dışı Liman Rehberleri

Öne Çıkan Özellikler: Gemi & Şehir Planları Merkezi, "Kendi Maceranı Yarat" Kişiselleştirme Motoru, Temel Liman Bilgileri (Acil Durum, Para Birimi, Hava Durumu, Önemli Noktalar)

1. Projenin Arka Planı ve Yarattığı Değer

Gemi seyahatleri kendine has zorluklara sahiptir: Yolcular birden fazla liman arasında hareket ederken son derece kısıtlı kıyı süreleriyle yarışır, bölünmüş takvimleri yönetir ve sık sık internet bağlantı kopukluklarıyla karşılaşır. Bu dinamikleri göz önünde bulundurarak platformu yalnızca rota gösteren bir araç olmaktan çıkarıp, tüm süreci uçtan uca kolaylaştıran dijital bir yol arkadaşı hâline getirdik.

Temel İş ve Ürün Hedefleri
- Kararsızlığı ve Zaman Kaybını Ortadan Kaldırmak: Limana varıldığında kişiye özel gezi ve rota önerilerini anında öne çıkararak karar yorgunluğunu en aza indirmek.
- Tercihe Dayalı Akıllı Kürasyon: Kullanıcının şehre aşinalığına ve ilgi alanlarına göre en doğru önerileri sunan kural tabanlı bir filtreleme algoritması geliştirmek.
- Tüm Seyahat Planını Tek Merkezde Toplamak: Gemi rezervasyonlarını, liman programlarını, çevrim dışı haritaları ve acil durum/yerel bilgileri tek bir mobil deneyimde birleştirmek.

2. Temel Deneyim Geliştirmeleri ve Öne Çıkan Özellikler

Merkezi "Planlar" Paneli (Gemileriniz ve Şehirleriniz) Kullanıcıyı yormayan, iki katmanlı sade bir bilgi mimarisi kurguladım:

Your Cruises: Aktif gemi rezervasyonlarını, kalkış tarihlerini ve gemi detaylarını (örn. MSC Grandiosa) kolayca takip etme imkanı.
Your Cities: Rota üzerindeki uğrak limanları listeleyen; şehre özel rehberlere, popüler mekanlara ve turlara hızlı erişim sağlayan özel bir keşif alanı.

-"Kendi Maceranı Yarat" Algoritmik Motoru

Kullanıcıya standart ve statik listeler sunmak yerine, iki temel parametreye göre şekillenen etkileşimli bir filtreleme katmanı tasarladım:

Aşinalık Seviyesi: İlk kez gelenler ("İlk Kez – Popüler noktaları göster") ile daha önce ziyaret etmiş olanları ("Daha Önce Geldim – Yerel gibi hissettir") ayrıştıran kurgu.
Sonuç: Uygulama, kullanıcının ilgisini çekmeyen noktaları eleyerek dakikalar içinde tamamen kişiselleştirilmiş rotalar oluşturur.
Result: The app executes custom rules to filter out unwanted spots and surface highly personalized routes.

- "Liman Rehberi" ve Yerel Hayatta Kalma Kiti

Belirli bir liman ekranı incelenirken (örn. Porto / Liman Rehberi), arayüz en kritik anlık ve çevrim dışı bilgileri doğrudan öne çıkarır:

Hızlı Erişim Bileşenleri: Yerel Hava Durumu (Güneşli 30°), Acil Durum Numaraları (112 / 911), Yerel Para Birimi (Euro) ve Yerel Saat (09:18).
Temel İhtiyaç Merkezi: Ulaşım, Yerel Mutfak, Alışveriş ve Acil Servisler için doğrudan erişim sağlayan eylem butonları.

3. Teknik Kısıtlar ve Stratejik Tasarım Tercihleri

Kural Tabanlı Algoritmik Motor (Üretken Yapay Zekâ Öncesi Dönem):
- Kısıt: Proje, LLM ve üretken yapay zekâ entegrasyonlarından önce tasarlandı; öneriler yapılandırılmış veritabanı etiketlerine ve kullanıcı filtrelerine dayanıyordu.
- Çözüm: Yanıt gecikmesi veya hatalı bilgi (hallucination) riski barındırmayan; net kurallarla çalışan, yüksek doğrulukta sonuçlar üreten kararlı ve öngörülebilir bir filtreleme mantığı ("Kendi Maceranı Yarat") kurdum.
Açık Denizde ve Uluslararası Limanlarda Çevrim Dışı Kullanım:
- Kısıt: Yüksek yurt dışı dolaşım (roaming) ücretleri ve limanda ya da denizdeyken sıkça yaşanan hücresel bağlantı zayıflığı.
- Çözüm: "Önce Çevrim Dışı" (Offline-First) bir veri mimarisi kurguladık. Kullanıcı gemi Wi-Fi ağına bağlıyken; temel şehir rehberleri, çevrim dışı haritalar, acil durum numaraları ve satın alınan tur biletleri cihaza otomatik olarak önbelleğe alınır.

4. Ölçeklenebilir Mobil Tasarım Sistemi ve Kullanıcı Arayüzü

Dış Mekânda Yüksek Kontrast ve Okunabilirlik: Kullanıcılar limanları gezerken uygulamayı parlak güneş ışığı altında kullandığı için; güçlü tipografi, yüksek kontrastlı renk token'ları ve belirgin kart katmanları (elevations) tercih ettim.
Platform Uyumluluğu ve Esneklik: iOS ve Android tasarım kurallarına tam uyumlu, sade bir alt sekme navigasyonuna (Planlar, Turlar & Biletler, Bilgiler, Hesap) sahip esnek bir Figma bileşen kütüphanesi oluşturdum.
Hareket Tasarımı (Motion UX) ve Mikro Etkileşimler: Macera filtreleme modülü için akıcı açılır pencere (bottom-sheet) animasyonları ve buton dokunuşlarında anında geri bildirim veren hassas mikro etkileşimler tasarladım.

5. Temel Sonuçlar ve Etki

📈 Uygulama İçi Etkileşimde %40 Artış: Sadeleştirilen arayüz mimarisi, bağlamsal uygulama içi tanıtımlar ve optimize edilmiş alanlar sayesinde seyahat boyunca toplam kullanım oranında %40 artış sağlandı.
🎟️ Turları Satışında %22 Artış: Yenilenen rezervasyon akışları ve kolaylaştırılan satın alma adımlarındaki gecikmeleri ve karışıklığı belirgin şekilde azalttı; tur ve bilet satışlarında %22'lik bir artış gözlendi.
⚡ 30 Saniyenin Altında Liman Keşfi: "Kendi Maceranı Yarat" filtresi ve derli toplu liman rehberleri sayesinde kullanıcılar ilgi alanlarına en uygun aktiviteleri 30 saniyeden kısa sürede keşfetti.
🛡️ Sahada Güvenli ve Rahat Deneyim: Çevrim dışı liman bilgilerinin (acil durum numaraları, hava durumu, para birimi ve yerel ulaşım) tek ekranda toplanması, kullanıcıların yabancı limanlardaki belirsizlik kaygısını ve destek taleplerini önemli ölçüde düşürdü.

Uygulamayı App Store'dan İndirin