Wireframe Sunumu · 2025
Ren
Enerji
Yeni web sitesi için sayfa bazlı wireframe dokümantasyonu
6
Sayfa
WP
WordPress / Avada
ACF
Custom Fields
nexblue
Yetkili Bayi
Koyu Blok = Başlık / Önemli Alan
Açık Blok = İçerik / Metin
Orta Blok = CTA / Buton
📌 Sarı Not = ACF / Geliştirici Notu
01 / 06
Anasayfa
Hero · İstatistikler · Hizmetler Önizleme · Nexblue Bayi · Referanslar Kaydırıcı · Blog Önizleme · Footer
DEMO LOGO
📞 Ara
Teklif Al
Ücretsiz Fizibilite İste
Referanslarımız
DRONE / PROJE GÖRSELI
⚡ HİZMET İKONU
Detay →
🏭 HİZMET İKONU
Detay →
🔧 HİZMET İKONU
Detay →
Nexblue Ürünleri İncele
nexblue.com
PROJE GÖRSELİ
OSB / ENDÜSTRİYEL
PROJE GÖRSELİ
ÇATI GES
PROJE GÖRSELİ
Tüm Referansları Gör
BLOG GÖRSELİ
BLOG GÖRSELİ
BLOG GÖRSELİ
BLOG GÖRSELİ
Sayfa Notları
Hero alanı Avada Full-Width Row + Parallax background destekleyecek şekilde hazırlanacak
İstatistik sayaçları (Counter element) tamamlanan proje, kurulu kW, ton CO₂ tasarrufu ve il sayısı gösterecek
Referanslar slider'ı Avada Portfolio element ile bağlanacak, ACF verileri özel template ile çekilecek
Nexblue dealer bandı ayrı bir Avada Section olarak, bağımsız güncellenebilir tutulacak
02 / 06
Hakkımızda
Hero · Misyon/Vizyon · Zaman Çizelgesi · Ekip · Sertifikalar · Nexblue Bayi
DEMO LOGO
Teklif Al
OFİS / EKİP GÖRSELI
MİSYON
VİZYON
2018
2020
2022
2025
📷 FOTOĞRAF
📷 FOTOĞRAF
📷 FOTOĞRAF
📷 FOTOĞRAF
SERTİFİKALAR & ORTAKLIKLAR
nexblue.com
Sayfa Notları
Zaman çizelgesi Avada Timeline element ile yapılacak, mobilde dikey collapse olacak
Ekip kartları CPT (Custom Post Type) veya Avada Team element ile yönetilecek
Sertifika logoları Image Box element ile repeat edilebilir şekilde eklenecek
03 / 06
Referanslar
Filtre Bar · Grid Liste · Proje Kart (ACF) · Tek Proje Detay Sayfası
ACF — Referans Post Type Alan Tanımları
📋 Referans Post Type — ACF Grup: "Proje Detayları"
proje_adi
Text
Projenin tam adı — ör. "Azizoğlu Sucuk GES Projesi"
hizmet_turu
Select
Anahtar Teslim Kurulum / Bakım-Onarım / Fizibilite / Danışmanlık
proje_turu
Select
Çatı GES / Arazi GES / OSB / Endüstriyel / Tarım (Agri-PV)
ENERJİ DEĞERLERİ
konum_il
Text
İl / İlçe — ör. "OSB / BURDUR"
guc_kwe_ac
Number
AC Kurulu Güç (kWe) — ör. 240
guc_kwp_dc
Number
DC Zirve Güç (kWp) — ör. 289.38
karbon_ton
Number
Yıllık CO₂ Engelleme (Ton) — ör. 270
agac_esdezer
Number
Ağaç Dikimi Eşdeğer Katkı (adet) — ör. 5043
tamamlanma_tarihi
Date Picker
Projenin tamamlandığı tarih
proje_gorselleri
Gallery
Birden fazla proje fotoğrafı (drone + detay)
musteri_adi
Text
Müşteri/Firma adı (gizlenebilir toggle ile)
musteri_gizle
True/False
Müşteri adını "Gizli Referans" olarak göster
kullanilan_panel
Text
Panel markası ve modeli (nexblue ürünleri için öne çıkar)
nexblue_urun
True/False
Nexblue ürünü kullanıldıysa "Nexblue ile Güçlendirildi" badge'i göster
one_cikan_referans
True/False
Anasayfa slider'ında ve Featured bölümünde göster
DEMO LOGO
Teklif Al
FİLTRELE:
Tümü
Çatı GES
Arazi GES
OSB / Endüstriyel
Tarım (Agri-PV)
⊞ Grid
≡ Liste
DRONE GÖRSELI — ÖNE ÇIKAN PROJE
⭐ ÖNE ÇIKAN
nexblue ile Güçlendirildi
Proje Detayı →
PROJE GÖRSELİ
ÇATI GES
Detay →
PROJE GÖRSELİ
ARAZİ GES
Detay →
PROJE GÖRSELİ
OSB
Detay →
PROJE GÖRSELİ
ÇATI GES
Detay →
1
2
3
→
— TEK PROJE DETAY SAYFASI (single-referans.php) —
ANA PROJE FOTOĞRAFI
ENERJİ DEĞERLERİ (ACF)
← Tüm Referanslar
ACF & WordPress Notları
Referanslar için "Referanslar" adında özel CPT (Custom Post Type) oluşturulacak — Avada Portfolio yerine daha fazla kontrol için
Yukarıdaki tüm ACF alanları "Proje Detayları" grubu altında tanımlanacak, this group show_in_rest: true ile Avada Dynamic Content'e açılacak
Filtre için Avada Portfolio veya FacetWP + Avada kullanılacak; kategori taxonomy "Proje Türü" olacak
nexblue_urun = true olan kartlarda otomatik "nexblue ile Güçlendirildi" badge'i gösterilecek — Avada Dynamic Content conditional
karbon_ton ve agac_esdezer alanları sayfa içi animated counter'a bağlanacak
04 / 06
Hizmetler
Hizmet Listesi · Hizmet Detay · Süreç Adımları · CTA
DEMO LOGO
Teklif Al
⚡
Detaylı Bilgi
🏭
Detaylı Bilgi
🔧
Detaylı Bilgi
📊
Detaylı Bilgi
🌿
Detaylı Bilgi
🏠
Detaylı Bilgi
1
2
3
4
Ücretsiz Fizibilite Talebi
İletişime Geç
05 / 06
Blog
Blog Listesi · Kategori Filtre · Tek Post Sayfası
DEMO LOGO
Teklif Al
Tümü
GES Haberleri
Teşvikler
Teknik Bilgi
Sektör Haberleri
Proje Güncellemeleri
ÖNCÜ POST GÖRSELİ
BLOG GÖRSELİ
BLOG GÖRSELİ
BLOG GÖRSELİ
06 / 06
İletişim
İletişim Bilgileri · Form · Harita · Teklif Talebi
DEMO LOGO
Teklif Al
📞
✉️
📍
📱
💼
▶️
🌞 ÜCRETSİZ FİZİBİLİTE & TEKLİF FORMU
▼
▼
GÖNDER — ÜCRETSİZ TEKLİF AL
🔒 Bilgileriniz 3. şahıslarla paylaşılmaz
📍 GOOGLE HARİTA
ÇALIŞMA SAATLERİ
nexblue.com
Sayfa Notları
Teklif formu Contact Form 7 veya WPForms ile yapılacak, Avada Form element veya shortcode ile yerleştirilecek
Form alanları: Ad Soyad, Telefon, E-posta, Hizmet Türü (dropdown), Kurulum Tipi (dropdown), İl, Mesaj — minimum bilgiyle maksimum conversion
Google Maps Avada Maps element ile eklenecek, API key gerektirir
Form submit → e-posta bildirimi + CRM/sheet entegrasyonu için webhook eklenebilir
Sayfa Özeti & Geliştirme Sırası
FAZ 1 — TEMEL
✓ WordPress + Avada kurulumu
✓ ACF Pro aktivasyonu
✓ Referanslar CPT + ACF alanları
✓ Anasayfa kurulumu
✓ Footer template
FAZ 2 — SAYFALAR
✓ Hakkımızda sayfası
✓ Hizmetler sayfası
✓ Referanslar listesi + detay
✓ İletişim + Form
✓ Nexblue dealer entegrasyonu
FAZ 3 — GELİŞMİŞ
✓ Blog + kategoriler
✓ FacetWP filtre (referanslar)
✓ SEO (Yoast/RankMath)
✓ Mobil optimizasyon
✓ Hız & performance