Datça, Muğla

Eolia Datça: Datça, Muğla otel web sitesi demosu

Beyaz zemin ve kobalt mavisi vurgularla, Ege ile Akdeniz arasında modern bir sahil oteli.

Eolia Datça kurgusal bir oteldir; bu sayfa Grapyweb'in tasarım demosudur.

Eolia Datça otel web sitesi demosu ana sayfası, masaüstü: deniz manzaralı beyaz sahil oteli ve müsaitlik arama çubuğu
Eolia Datça otel web sitesi demosu ana sayfası, mobil görünüm ve alt rezervasyon çubuğu

Tasarımın karakteri

Eolia Datça, Ege ile Akdeniz'in buluştuğu yarımadada modern bir sahil oteli için kurgulandı. Beyaz zemin, açık gri yumuşak bölümler ve tek vurgu rengi olarak kobalt mavisi; kalın Bricolage Grotesque başlıklar ve Figtree gövde metniyle temiz ve aydınlık bir görünüm oluşturuyor.

Beyaz çerçeveli tam ekran hero'daki rezervasyon çubuğu misafiri ilk ekranda tarih seçmeye yönlendiriyor. Ana sayfada oda kartları, deniz kolajı, restoran kartları, spa bölümü, deneyimler, misafir yorumları ve bento galeri var; GSAP ve ScrollTrigger ile yalnızca hafif belirme, sayaç ve tek bir paralaks kullanılıyor.

Butik sahil otelleri, Ege ve Akdeniz kıyısındaki modern tesisler ve sade, aydınlık bir görünüm isteyen oteller için uygun bir başlangıç.

Demoda neler var?

  • 7 sayfa ve 6 oda detayı

    Ana sayfa, odalar, oda detayı, restoranlar, spa, galeri ve iletişim; her oda için ayrı detay sayfası.

  • Rezervasyon akışı

    Tarih, oda, misafir bilgileri, ödeme ve onay adımları; müsait ve dolu oda gösterimi, alternatif tarih önerisi.

  • Fiyatlı takvim

    Fiyatlı müsaitlik takviminde her gecenin fiyatı (masaüstünde iki ay yan yana); iade edilebilir ve iade edilemez fiyat planı.

  • Ekstralar ve ödeme formu

    Transfer ekstrası, indirim kodu, kart formu ve taksit seçimi; onay ekranında takvime eklenebilen .ics dosyası.

  • TRY, EUR ve USD

    Fiyatlar misafirin seçtiği para biriminde gösterilir.

  • Türkçe ve İngilizce

    Her sayfa iki dilde; dil değiştirici aynı sayfanın karşılığına gider.

  • WhatsApp ve mobil rezervasyon çubuğu

    Mobilde ekranın altında sabit WhatsApp ve rezervasyon butonları.

  • SEO altyapısı

    Site haritası, hreflang etiketleri ve JSON-LD yapısal veri.

  • Hafif animasyonlar

    GSAP ve ScrollTrigger ile bölüm belirme, sayaç ve tek bir paralaks; hareket azaltma tercihinde animasyonlar kapanır.

Eolia Datça demosunda rezervasyon adımı: gecelik fiyatlı iki aylık takvim ve rezervasyon özeti
Rezervasyon adımı, masaüstü. Demodaki rezervasyon akışı gösterim amaçlıdır; ödeme alınmaz, kayıt oluşmaz. Gerçek bir otel sitesinde kullandığınız rezervasyon motoru veya PMS ayrıca bağlanır.

Diğer demolar

Tüm örneklere dön