84 lines
3.1 KiB
Plaintext
84 lines
3.1 KiB
Plaintext
🏗️ Ürün Gereksinim Dokümanı (PRD): Utku Kırkan Web Projesi
|
||
1. Ürün Özeti
|
||
Utku Kırkan'ın inşaat mühendisliği ve müteahhitlik kimliğini modern, minimalist ve güven veren bir dijital kimlikle temsil eden, reklam odaklı bir Landing Page.
|
||
|
||
Hedef Kitle: Arsa sahipleri, yatırımcılar, konut arayanlar ve teknik danışmanlık ihtiyacı olanlar.
|
||
|
||
Temel Amaç: Güven inşa etmek ve hızlı iletişim (Lead Generation) sağlamak.
|
||
|
||
2. Teknik Stack
|
||
Senin uzmanlığın ve mevcut yapına en uygun, yüksek performanslı mimari:
|
||
|
||
Frontend: Next.js 15 (App Router).
|
||
|
||
Styling: Tailwind CSS + Framer Motion (Akışkan animasyonlar için).
|
||
|
||
Database: PostgreSQL (Coolify üzerinde self-hosted).
|
||
|
||
ORM: Drizzle ORM (Hız ve Tip güvenliği için).
|
||
|
||
Deployment: Coolify (Dockerized).
|
||
|
||
3. Sayfa Yapısı ve İçerik (Single Page Architecture)
|
||
3.1. Hero Section (İlk İzlenim)
|
||
|
||
Görsel: Yüksek çözünürlüklü, geniş açılı bir şantiye veya bitmiş proje fotoğrafı (Overlay ile karartılmış).
|
||
|
||
Metin: "Modern Mühendislik, Güçlü Yapılar: Utku Kırkan".
|
||
|
||
CTA (Eylem Butonu): "Projelerimizi Keşfedin" ve "Teklif Al".
|
||
|
||
3.2. Projeler (Dynamic Gallery)
|
||
|
||
Özellik: Veritabanından çekilen, kart tasarımlı proje listesi.
|
||
|
||
Detay: Her proje kartında; Proje Adı, Konum (Muğla/Menteşe vb.), Durum (Tamamlandı/Devam Ediyor).
|
||
|
||
Modern Dokunuş: Resimlerin üzerine gelindiğinde (hover) detayların belirmesi.
|
||
|
||
3.3. Hizmetler (Core Competencies)
|
||
|
||
Statik Proje ve Tasarım.
|
||
|
||
Müteahhitlik ve Anahtar Teslim İnşaat.
|
||
|
||
Teknik Danışmanlık ve Denetim.
|
||
|
||
3.4. Hakkında & Güven (Social Proof)
|
||
|
||
Utku Kırkan'ın kısa özgeçmişi ve "Mühendislik disipliniyle müteahhitlik" vurgusu.
|
||
|
||
(Varsa) Referans logoları veya çözüm ortakları.
|
||
|
||
3.5. İletişim (Conversion Zone)
|
||
|
||
Hızlı Erişim: Doğrudan WhatsApp yönlendirmesi.
|
||
|
||
Basit Form: Ad-Soyad, Telefon ve Kısa Not (Coolify DB'ye kaydedilecek ve belki sana bir bildirim düşecek).
|
||
|
||
Lokasyon: Google Haritalar entegrasyonu.
|
||
|
||
4. Teknik Gereksinimler & Fonksiyonel Özellikler
|
||
Özellik Açıklama
|
||
Hız (LCP) Next.js Image component ile optimize edilmiş görseller. Google PageSpeed puanı +90 olmalı.
|
||
SEO Muğla odaklı anahtar kelimeler (Muğla müteahhit, statik proje mühendisi vb.) meta tag entegrasyonu.
|
||
Responsive Mobil öncelikli tasarım. Şantiyede telefondan bakan müşteri için kusursuz deneyim.
|
||
Admin Paneli /admin altında Utku'nun (veya senin) yeni proje görseli ve metni ekleyebileceği şifreli, basit bir crud ekranı.
|
||
Analytics Reklam verimliliğini ölçmek için basit bir Google Analytics veya Vercel Analytics entegrasyonu.
|
||
5. Tasarım İlkeleri
|
||
Tipografi: Modern ve maskülen fontlar (Örn: Bebas Neue başlıklar için, Inter gövde metinleri için).
|
||
|
||
Renkler: * Primary: #111827 (Deep Charcoal)
|
||
|
||
Accent: #F59E0B (Amber/Construction Gold)
|
||
|
||
Background: #FFFFFF veya çok açık gri.
|
||
|
||
Animasyon: Sayfa aşağı kaydırıldığında (scroll) elementlerin yumuşakça belirmesi (Reveal effect).
|
||
|
||
6. Başarı Kriterleri (KPI)
|
||
Sitenin 1.5 saniyenin altında yüklenmesi.
|
||
|
||
Muğla yerel aramalarında ilk sayfada görünürlük.
|
||
|
||
Haftalık gelen WhatsApp/Form "lead" sayısı. |