ss
This commit is contained in:
mstfyldz
+272
@@ -0,0 +1,272 @@
|
||||
# 🌊 Kite Beach Akyaka — Web Sitesi Yenileme Promptu
|
||||
|
||||
## 📋 Mevcut Site Analizi
|
||||
|
||||
### Site Hakkında
|
||||
- **URL:** https://www.kitebeachakyaka.com.tr/
|
||||
- **İşletme Türü:** Butik otel + kitesurf merkezi, Akyaka / Muğla
|
||||
- **Platform:** WordPress tabanlı
|
||||
|
||||
### Mevcut Site Yapısı
|
||||
- Tek sayfalık (one-page) basit bir web sitesi
|
||||
- **Navigasyon:** Sadece 1 menü öğesi var → "KURUMSAL" (dış siteye bağlantı: moygroup.com.tr)
|
||||
- **İçerik Bölümleri:**
|
||||
1. Üst kısım: Logo + tek menü öğesi
|
||||
2. Hero area: "KITE BEACH / WELCOME TO" metin + fotoğraf galerisi (siyah-beyaz görseller)
|
||||
3. "KITE BEACH AKYAKA OTEL" başlığı + tanıtım metni
|
||||
4. Oda/iç mekan fotoğrafları (renkli — oda ve banyo)
|
||||
5. "Rezervasyon Yap" CTA butonu (telefona yönlendiriyor: tel:05330816181)
|
||||
6. YouTube video embed
|
||||
7. Google Maps harita
|
||||
8. Footer: Sadece © 2026 Kite Beach Akyaka.
|
||||
- **Sabit Elementler:** Sol alt köşede "Hemen Ara" floating butonu
|
||||
|
||||
---
|
||||
|
||||
## 🔴 Tespit Edilen Sorunlar ve Eksiklikler
|
||||
|
||||
### Yapısal Sorunlar
|
||||
- Navigasyon menüsü neredeyse boş — sadece 1 harici link var, hiç iç sayfa yok
|
||||
- "KURUMSAL" linki kendi sitesine değil, grup şirketi sitesine yönlendiriyor
|
||||
- Tek sayfa düzeni, SEO açısından son derece zayıf
|
||||
- Sayfa başlığı (hero) karanlık/eksik görünüyor — tam görsel hero slider yok
|
||||
|
||||
### İçerik Eksiklikleri
|
||||
- Oda kategorileri ve detayları yok (oda tipleri, kapasite, fiyat)
|
||||
- Aktiviteler sayfası yok (Kitesurf dersleri, kamp seçenekleri, yoga vb.)
|
||||
- Restoran/yemek bilgisi yok
|
||||
- Hakkımızda / hikaye sayfası yok
|
||||
- İletişim formu yok — sadece telefon numarası var
|
||||
- Blog / haberler bölümü yok
|
||||
- Sosyal medya linkleri footer'da yer almıyor
|
||||
- Dil seçeneği yok (EN / TR)
|
||||
|
||||
### Tasarım Sorunları
|
||||
- Siyah-beyaz fotoğraf kullanımı tutarsız: üst bölüm siyah-beyaz, oda fotoğrafları renkli
|
||||
- Renk paleti tanımsız — beyaz/siyah dışında marka rengi kullanılmıyor
|
||||
- Tipografi tek düze, hiyerarşi eksik
|
||||
- Fazla boş alan (beyaz boşluk) bölümler arası geçişlerde kullanıcıyı şaşırtıyor
|
||||
- Mobil uyumluluk kontrol edilmeli
|
||||
- "Rezervasyon Yap" butonu yalnızca telefona yönlendiriyor — online rezervasyon yok
|
||||
|
||||
### UX/CX Sorunları
|
||||
- Online rezervasyon sistemi entegrasyonu yok
|
||||
- Fiyat bilgisi hiç yok
|
||||
- Misafir yorumları / testimonial bölümü yok
|
||||
- SSS (sık sorulan sorular) yok
|
||||
- Ulaşım bilgisi yetersiz (harita var ama yol tarifi/transfer yok)
|
||||
|
||||
---
|
||||
|
||||
## ✅ Güçlü Yönler (Korunacaklar)
|
||||
- Logo tasarımı özgün ve ilgi çekici (döngüsel kite teması)
|
||||
- "Hemen Ara" floating butonu kullanışlı
|
||||
- Google Maps entegrasyonu mevcut
|
||||
- YouTube video alanı var
|
||||
- Tanıtım metni duygusal ve akıcı yazılmış
|
||||
|
||||
---
|
||||
|
||||
## 🎯 YENİLEME PROMPTU
|
||||
|
||||
> Aşağıdaki prompt, bir web tasarımcısı, geliştirici veya yapay zeka aracına (Cursor, Lovable, v0, Framer, vb.) verilebilir.
|
||||
|
||||
---
|
||||
|
||||
### PROMPT
|
||||
|
||||
**Kite Beach Akyaka** için tamamen yeniden tasarlanmış, modern, dönüşüm odaklı ve SEO uyumlu bir web sitesi oluştur.
|
||||
|
||||
---
|
||||
|
||||
#### 🏨 İşletme Profili
|
||||
- **İsim:** Kite Beach Akyaka
|
||||
- **Tür:** Butik otel + kitesurf & outdoor aktivite merkezi
|
||||
- **Konum:** Akyaka, Muğla, Türkiye (nehir-deniz kesişim noktası)
|
||||
- **Hedef Kitle:** Macera seven yetişkinler, kitesurf meraklıları, doğa tatili arayanlar, yoga & wellness tutkunları
|
||||
- **Dil:** Türkçe (birincil) + İngilizce (ikincil — dil değiştirme butonu)
|
||||
- **Ton:** Minimal, doğaya saygılı, enerjik ama sakin, premium butik
|
||||
|
||||
---
|
||||
|
||||
#### 🗂️ Site Yapısı (Sayfalar)
|
||||
|
||||
1. **Ana Sayfa (Home)**
|
||||
2. **Odalar & Bungalowlar**
|
||||
3. **Aktiviteler** (Kitesurf, Yoga, SUP, Bisiklet vb.)
|
||||
4. **Restoran & Bar**
|
||||
5. **Galeri**
|
||||
6. **Hakkımızda**
|
||||
7. **İletişim & Rezervasyon**
|
||||
|
||||
---
|
||||
|
||||
#### 🖥️ SAYFA SAYFA DETAYLAR
|
||||
|
||||
##### 1. ANA SAYFA
|
||||
|
||||
**Hero Section**
|
||||
- Tam ekran video veya yüksek çözünürlüklü slider (mavi gökyüzü, uçan uçurtma, nehir, günbatımı)
|
||||
- Üzerine: `KITE BEACH AKYAKA` büyük başlık + küçük tagline: _"Nehrin huzuru, denizin enerjisi — tek bir noktada."_
|
||||
- İki CTA butonu: `[Rezervasyon Yap]` ve `[Aktiviteleri Keşfet]`
|
||||
- Scroll-down animasyonu
|
||||
|
||||
**Hızlı Özellikler Bandı** (ikonlarla, yatay şerit)
|
||||
- 🏄 Kitesurf Okulu | 🧘 Yoga Platformu | 🍽️ Nehir Manzaralı Restoran | 🛏️ Butik Odalar | 🌅 Gün Batımı Terrası
|
||||
|
||||
**Hakkımızda Özet**
|
||||
- 2 kolonlu: sol → atmosferik fotoğraf, sağ → kısa metin + "Daha Fazlası" butonu
|
||||
|
||||
**Odalar Önizleme**
|
||||
- 3 kart: oda tipi, fotoğraf, kısa açıklama, fiyat aralığı, "İncele" butonu
|
||||
|
||||
**Aktiviteler Grid**
|
||||
- 4 kart (Kitesurf, Yoga, SUP, Plaj Voleybolu vb.) — hover animasyonlu
|
||||
|
||||
**Misafir Yorumları (Testimonials)**
|
||||
- Carousel slider, Google/Booking yorumlarından alıntı, 5 yıldız gösterimi
|
||||
|
||||
**Instagram Duvarı**
|
||||
- Son 6-9 Instagram gönderisi çekilen grid, @kitebeachakyaka bağlantısıyla
|
||||
|
||||
**Rezervasyon CTA Bandı**
|
||||
- Koyu/gradyan arka plan üzerinde: _"Hayalindeki tatili planlamaya hazır mısın?"_
|
||||
- `[Hemen Rezervasyon Yap]` belirgin turuncu/altın buton
|
||||
|
||||
---
|
||||
|
||||
##### 2. ODALAR & BUNGALOWLAR
|
||||
|
||||
- Her oda için: büyük fotoğraf galerisi, oda adı, m² bilgisi, max kapasite, özellikler listesi (klima, wifi, minibar, manzara vb.), gece başına fiyat
|
||||
- Oda tipleri (örnek): Standart Oda / Nehir Manzaralı Oda / Deluxe Suit / Bungalow
|
||||
- Odaların her birinde `[Rezervasyon Yap]` butonu
|
||||
- Tarih seçici widget (check-in / check-out) veya Booking.com / Tua entegrasyonu
|
||||
|
||||
---
|
||||
|
||||
##### 3. AKTİVİTELER
|
||||
|
||||
- Her aktivite için ayrı kart veya accordion bölümü
|
||||
- **Kitesurf:** Seviye bilgisi (başlangıç / orta / ileri), ders süresi, fiyat, IKO sertifika bilgisi
|
||||
- **Yoga:** Açık hava platformu, grup/özel seanslar, haftalık program
|
||||
- **SUP (Stand-Up Paddle):** Kiralama & tur seçenekleri
|
||||
- **Bisiklet Kiralama:** Akyaka köy turu önerisi
|
||||
- **Yelken / Tekne Turu:** Gökova körfezi gün turları
|
||||
- Her aktivite kartında: fotoğraf, açıklama, süre, fiyat, `[Bilgi Al / Rezervasyon]` butonu
|
||||
|
||||
---
|
||||
|
||||
##### 4. RESTORAN & BAR
|
||||
|
||||
- Ege mutfağı vurgusu, taze & yerel malzeme
|
||||
- Atmosfer fotoğrafları (nehir kenarı, ahşap terasa bakan açılar)
|
||||
- Menü kategorileri (Kahvaltı / Öğle / Akşam / İçecekler) — PDF menü indirme veya dijital menü
|
||||
- Özel günler için rezervasyon formu
|
||||
|
||||
---
|
||||
|
||||
##### 5. GALERİ
|
||||
|
||||
- Masonry veya grid düzeni
|
||||
- Filtre butonları: Tümü | Odalar | Aktiviteler | Doğa | Sosyal Alanlar
|
||||
- Lightbox açılır görsel önizleme
|
||||
- Görseller **renkli** olacak (mevcut siyah-beyaz karışıklığı giderilecek)
|
||||
|
||||
---
|
||||
|
||||
##### 6. HAKKIMIZDA
|
||||
|
||||
- İşletme hikayesi (kuruluş, vizyon, misyon)
|
||||
- Ekip tanıtımı (fotoğraflar + kısa biyografi)
|
||||
- Değerlerimiz (Sürdürülebilirlik, Doğaya Saygı, Misafirperver Hizmet)
|
||||
- Sertifikalar / Ödüller varsa
|
||||
|
||||
---
|
||||
|
||||
##### 7. İLETİŞİM & REZERVASYON
|
||||
|
||||
- İletişim formu: Ad Soyad, E-posta, Telefon, Mesaj, `[Gönder]`
|
||||
- Adres, telefon, e-posta bilgileri
|
||||
- Google Maps embed (tam genişlik)
|
||||
- Ulaşım bilgisi: Muğla/Marmaris/Bodrum'dan mesafe ve yol tarifi
|
||||
- Transfer hizmeti varsa belirt
|
||||
- Sosyal medya linkleri (Instagram, Facebook, YouTube, TikTok)
|
||||
- WhatsApp butonu (direkt mesaj)
|
||||
|
||||
---
|
||||
|
||||
#### 🎨 TASARIM REHBERI
|
||||
|
||||
**Renk Paleti:**
|
||||
| Renk | Hex | Kullanım |
|
||||
|------|-----|----------|
|
||||
| Okyanus Mavisi | `#1A6B8A` | Primary / butonlar |
|
||||
| Kum Bej | `#F5EDD6` | Arka plan |
|
||||
| Gün Batımı Turuncusu | `#E87040` | CTA butonları / vurgu |
|
||||
| Koyu Antrasit | `#1C1C1C` | Metin |
|
||||
| Beyaz | `#FFFFFF` | Kart arka planları |
|
||||
|
||||
**Tipografi:**
|
||||
- Başlıklar: `Playfair Display` (serif, şık) veya `Cormorant Garamond`
|
||||
- Gövde metni: `Inter` veya `DM Sans` (okunabilir, modern sans-serif)
|
||||
- Butonlar: `Inter Semi-Bold`, büyük harf, letter-spacing: 0.05em
|
||||
|
||||
**Stil Notları:**
|
||||
- Minimal ve havadar tasarım — çok element yok
|
||||
- Büyük, nefes alan beyaz alanlar (generous whitespace)
|
||||
- İnce çizgiler ve subtle animasyonlar (fade-in, parallax scroll)
|
||||
- Görseller %100 renkli — siyah-beyaz yalnızca özel efekt olarak kullanılabilir
|
||||
- Rounded corners: 8-12px kart köşeleri
|
||||
- Gölge: yumuşak box-shadow (`0 4px 24px rgba(0,0,0,0.08)`)
|
||||
|
||||
---
|
||||
|
||||
#### 📱 Teknik Gereksinimler
|
||||
|
||||
- **Mobil öncelikli (mobile-first)** responsive tasarım
|
||||
- **Sayfa yükleme hızı:** Core Web Vitals hedefi — LCP < 2.5s
|
||||
- **SEO:** Her sayfa için meta title, description, OG tags, schema markup (Hotel, LocalBusiness)
|
||||
- **SSL:** Zorunlu (HTTPS)
|
||||
- **CMS:** WordPress + Elementor Pro veya Webflow
|
||||
- **Rezervasyon Entegrasyonu:** Booking.com channel manager veya Tua / Protel PMS
|
||||
- **Analytics:** Google Analytics 4 + Search Console
|
||||
- **Cookie Banner:** KVKK uyumlu
|
||||
- **WhatsApp Entegrasyonu:** Floating WhatsApp butonu (mevcut "Hemen Ara" ile beraber)
|
||||
- **Dil:** TR/EN toggle (WPML veya Polylang ile)
|
||||
- **Sitemap & Robots.txt** otomatik oluşturulacak
|
||||
|
||||
---
|
||||
|
||||
#### 🔗 Footer Yapısı
|
||||
Logo | Tagline
|
||||
Hızlı Linkler İletişim Sosyal Medya
|
||||
Ana Sayfa Tel: +90 533 081 6181 Instagram
|
||||
Odalar info@kitebeachakyaka Facebook
|
||||
Aktiviteler Akyaka, Muğla YouTube
|
||||
Restoran [Google Maps] TikTok
|
||||
Galeri
|
||||
İletişim
|
||||
© 2026 Kite Beach Akyaka | KVKK | Gizlilik Politikası | Çerez Politikası
|
||||
|
||||
---
|
||||
|
||||
#### ✨ Bonus Özellikler (İsteğe Bağlı)
|
||||
|
||||
- [ ] Canlı sohbet (Tawk.to veya Crisp)
|
||||
- [ ] "Bu haftanın hava durumu" widget (Akyaka rüzgar hızı — kitesurf için kritik)
|
||||
- [ ] Erken rezervasyon / last-minute indirim bandı (header altında)
|
||||
- [ ] Sadakat programı veya newsletter kaydı
|
||||
- [ ] Blog: "Akyaka'da Yapılacaklar", "Kitesurf Başlangıç Rehberi" gibi SEO içerikleri
|
||||
- [ ] Tur paketleri sayfası (örn: "3 Gece + Kitesurf Kursu Paketi")
|
||||
- [ ] 360° sanal tur (oda ve ortak alanlar için)
|
||||
|
||||
---
|
||||
|
||||
#### 📌 Öncelik Sırası
|
||||
|
||||
1. **Acil:** Online rezervasyon sistemi entegrasyonu
|
||||
2. **Yüksek:** Mobil uyumluluk & sayfa hızı optimizasyonu
|
||||
3. **Yüksek:** Çok sayfalı yapıya geçiş (oda/aktivite sayfaları)
|
||||
4. **Orta:** TR/EN dil desteği
|
||||
5. **Orta:** SEO altyapısı (meta, schema, blog)
|
||||
6. **Düşük:** Blog ve içerik pazarlaması
|
||||
Reference in New Issue
Block a user