63 lines
3.2 KiB
Markdown
63 lines
3.2 KiB
Markdown
PRD 2.0: Aydoğan Nakliyat Vinç - Modern & Lead Odaklı Web Projesi
|
||
1. Proje Özeti (Güncellendi)
|
||
Müşteri: Aydoğan Nakliyat Vinç (Dalaman)
|
||
|
||
Temel Hedef: Doğrudan İş Getirmek (Leads). Sitenin temel amacı, kullanıcının "Teklif Al" veya "Ara" butonuna basmasını sağlamaktır.
|
||
|
||
Görsel Vizyon: Geleneksel vinç firmalarından sıyrılan; modern, hareketli (animasyonlu), güven veren ve operasyonel gücü hissettiren birinci sınıf bir web sitesi.
|
||
|
||
2. Tasarım ve Kullanıcı Deneyimi (UI/UX) - [Yeni Odak]
|
||
Bu kısım müşterinin "modernlik" isteğini karşılayacak.
|
||
|
||
A. Animasyon ve Hareket Stratejisi
|
||
Smooth Scrolling: Sayfa kaydırması pürüzsüz ve akışkan olmalı.
|
||
|
||
Scroll-Triggered Animations: Kullanıcı sayfada aşağı indikçe vinç resimleri, teknik özellikler veya referans sayıları animasyonlu bir şekilde ekrana gelmeli. (Örn: Vinç kolu yukarı kalkıyor gibi bir efekt).
|
||
|
||
Parallax Efektleri: Arka plan görselleri (şantiye manzaraları) ve ön plan içerikleri farklı hızlarda hareket ederek derinlik hissi vermeli.
|
||
|
||
Lottie Animations: "Hızlı Servis" gibi ikonlar statik değil, hafif hareketli Lottie animasyonları olabilir.
|
||
|
||
Geçiş Efektleri: Sayfalar arası geçişler veya galeri görsellerine tıklama anları yumuşak olmalı.
|
||
|
||
B. Görsel Dil (Visual Identity)
|
||
Renk Paleti: Sektörün standardı olan Güç/Enerji (Sarı/Turuncu) + Profesyonellik (Koyu Gri/Siyah) + Güven (Beyaz).
|
||
|
||
Tipografi: Modern, güçlü, sans-serif fontlar. (Örn: Inter, Poiret One, Oswald veya Montserrat).
|
||
|
||
3. Lead Generation (Müşteri Kazanımı) Odaklı Özellikler
|
||
Sitenin her santimetrekaresi iş getirmek için tasarlanmalı.
|
||
|
||
Sticky "Hemen Teklif Al" Header: Sayfa ne kadar aşağı kaysa da, üstte "05XX XXX XX XX" telefonu ve "Hızlı Teklif Al" butonu sabit kalacak.
|
||
|
||
Floating WhatsApp Business: Sağ altta. "Operatörle Konuşun" veya "Fotoğraf Gönder, Teklif Al" metniyle. (Müşteri şantiyedeki sorunun fotoğrafını atabilir).
|
||
|
||
Hizmet Odaklı Kısa Formlar: Sadece "Bize Yazın" formu değil. "Vinç Kiralama" sayfasının sonunda "Kaç Tonluk Vinç Lazım?" diye başlayan 2 soruluk bir form olmalı.
|
||
|
||
Acil Durum Vurgusu: Gece çalışan veya kaza yapanlar için "7/24 Acil Müdahale" ibaresi her yerde göze çarpmalı.
|
||
|
||
4. Teknik Gereksinimler & Performans
|
||
"Animasyonlu ve Modern" demek "Yavaş" demek olmamalı. SEO için hız çok önemli.
|
||
|
||
Altyapı: Mükemmel performans ve SEO için Next.js (React) veya Nuxt.js (Vue.js). Bu frameworkler animasyon kütüphaneleriyle (GSAP, Framer Motion) harika çalışır.
|
||
|
||
Görsel Optimizasyon: Tüm görseller WebP/AVIF formatında ve lazy-load (kaydırdıkça yüklenme) özelliğiyle gelmeli.
|
||
|
||
SEO Temeli (Özet):
|
||
|
||
Muğla ilçeleri odaklı (Dalaman, Ortaca, Fethiye, Göcek) URL yapısı.
|
||
|
||
Hızlı yükleme süreleri (PageSpeed Score > 90).
|
||
|
||
Kusursuz Mobil UI (Telefonda "tıklanamayacak kadar küçük buton" olmayacak).
|
||
|
||
5. İçerik Haritası (Taslak)
|
||
Ana Sayfa (Hero: Hareketli Vinç Videosu/Görseli + Hızlı Teklif Al Butonu)
|
||
|
||
Hizmetlerimiz (Niş Alt Sayfalar: Tekne Taşıma, Çelik Montaj, Konteyner vb.)
|
||
|
||
Filomuz (Animasyonlu Kartlarla Araçlar)
|
||
|
||
Galeri/Referanslar (Zorlu Operasyonların Videoları)
|
||
|
||
İletişim (Harita, Adres, Tıkla Ara) |