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)