ayrisdev/kitebeachakyaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
72b7ffa59e73be6d2b5a2a485c21a3db5d537c72
kitebeachakyaka/docs/prd.md
T
mstfyldz f6b4acb760 ss
2026-06-09 13:06:58 +03:00

272 lines
9.9 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 🌊 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 View Git Blame Copy Permalink