Büyütmek İçin Tıkla
Proje Hakkında
💈 ByAli Saç Tasarım – Özel WordPress Tema Geliştirme Projesi
Akçay’ın en prestijli erkek kuaför salonu ByAli Saç Tasarım için, hazır şablonların ve ağır sayfa yapıcıların (Elementor, WPBakery vb.) hantallığından tamamen uzak, %100 özel kodlanmış (Custom Theme) premium bir kurumsal web sitesi projesi geliştirdim.
Bu projede temel hedefimiz; markanın lüks ve modern çizgisini dijital dünyaya taşırken, ziyaretçileri doğrudan randevu almaya teşvik edecek ışık hızında bir kullanıcı deneyimi sunmaktı. ✨
🛠️ Kullanılan Teknolojiler & Modern Stack
Sitenin arkasında, modern web standartlarını sonuna kadar zorlayan güçlü bir teknoloji yığını bulunuyor:
Altyapı (CMS): 🐘 WordPress & PHP 8.2 (Sıfırdan yazılmış saf PHP mimarisi, gereksiz eklenti ve şişkinlik barındırmaz).
Arayüz Framework: 🎨 Tailwind CSS (Utility-first yaklaşımı sayesinde sadece kullanılan CSS kodları derlenir, siteye milisaniyelik hız kazandırır).
Modern JavaScript (ES6+): 🚀 İnteraktif ve akıcı animasyonlar için optimize edilmiş saf JS kodları.
Özel Kütüphaneler:
📱 Swiper.js: Mobil cihazlarla %100 uyumlu, dokunmatik ve yüksek performanslı kaydırıcılar.
🖼️ GLightbox: Sayfa açılışını geciktirmeyen, ultra hafif ve modern görsel galeri sistemi.
✍️ Typed.js: Giriş bölümünde dikkat çeken dinamik daktilo efekti.
Performans & Optimizasyon: ⚡ LiteSpeed Cache entegrasyonu ve tüm görseller için yeni nesil WebP sıkıştırma teknolojisi.
⚙️ En İnce Detayına Kadar: Güçlü Admin Paneli Yapısı
Müşterilerim için sadece ön yüzün güzel olması yetmez; arka yüzün de çocuk oyuncağı kadar kolay yönetilebilir olması gerekir.
Sıfır Kodla Tam Yönetim: İşletme sahibi, tek bir satır kod bilmeden sitenin rengini, yazı tiplerini, logoları, hatta buton linklerini bile değiştirebilir.
WordPress Özelleştirici (Customizer) Entegrasyonu: Tüm düzenlemeler canlı önizleme eşliğinde yapılır. Yapılan değişiklikler anında ekranda görünür.
Dinamik Hizmetler & Ekip Yönetimi: Yeni bir hizmet veya ekip üyesi eklemek/çıkarmak sadece birkaç saniye sürer. Panel, karmaşık tablolar yerine tamamen görsel kutulardan oluşur.
Gelişmiş Galeri Yönetimi: Sürükle-bırak yöntemiyle portfolyo ve galeri görselleri kolayca güncellenir, sistem bu görselleri otomatik olarak optimize eder.
💎 Öne Çıkan Proje Özellikleri
🚀 Google Core Web Vitals Dostu: PageSpeed testlerinden tam not alan, hantal eklentilerden arındırılmış temiz kod yapısı.
📱 Mobile-First (Mobil Öncelikli) UI: Masaüstündeki premium hava, mobil cihazlarda da özel mobil menü tasarımı ve dokunmatik jestlerle kesintisiz devam eder.
🎯 Dönüşüm Odaklı Tasarım (CRO): Sayfa boyunca stratejik noktalara konumlandırılmış "Randevu Al" ve hızlı "WhatsApp" aksiyon butonları ile ziyaretçiyi doğrudan müşteriye dönüştürme hedefi.
🔍 Semantik SEO Mimarisi: Google botlarının siteyi kusursuz tarayabilmesi için semantik HTML5 etiketleri ve yapılandırılmış veri (Schema.org) entegrasyonu.
Akçay’ın en prestijli erkek kuaför salonu ByAli Saç Tasarım için, hazır şablonların ve ağır sayfa yapıcıların (Elementor, WPBakery vb.) hantallığından tamamen uzak, %100 özel kodlanmış (Custom Theme) premium bir kurumsal web sitesi projesi geliştirdim.
Bu projede temel hedefimiz; markanın lüks ve modern çizgisini dijital dünyaya taşırken, ziyaretçileri doğrudan randevu almaya teşvik edecek ışık hızında bir kullanıcı deneyimi sunmaktı. ✨
🛠️ Kullanılan Teknolojiler & Modern Stack
Sitenin arkasında, modern web standartlarını sonuna kadar zorlayan güçlü bir teknoloji yığını bulunuyor:
Altyapı (CMS): 🐘 WordPress & PHP 8.2 (Sıfırdan yazılmış saf PHP mimarisi, gereksiz eklenti ve şişkinlik barındırmaz).
Arayüz Framework: 🎨 Tailwind CSS (Utility-first yaklaşımı sayesinde sadece kullanılan CSS kodları derlenir, siteye milisaniyelik hız kazandırır).
Modern JavaScript (ES6+): 🚀 İnteraktif ve akıcı animasyonlar için optimize edilmiş saf JS kodları.
Özel Kütüphaneler:
📱 Swiper.js: Mobil cihazlarla %100 uyumlu, dokunmatik ve yüksek performanslı kaydırıcılar.
🖼️ GLightbox: Sayfa açılışını geciktirmeyen, ultra hafif ve modern görsel galeri sistemi.
✍️ Typed.js: Giriş bölümünde dikkat çeken dinamik daktilo efekti.
Performans & Optimizasyon: ⚡ LiteSpeed Cache entegrasyonu ve tüm görseller için yeni nesil WebP sıkıştırma teknolojisi.
⚙️ En İnce Detayına Kadar: Güçlü Admin Paneli Yapısı
Müşterilerim için sadece ön yüzün güzel olması yetmez; arka yüzün de çocuk oyuncağı kadar kolay yönetilebilir olması gerekir.
Sıfır Kodla Tam Yönetim: İşletme sahibi, tek bir satır kod bilmeden sitenin rengini, yazı tiplerini, logoları, hatta buton linklerini bile değiştirebilir.
WordPress Özelleştirici (Customizer) Entegrasyonu: Tüm düzenlemeler canlı önizleme eşliğinde yapılır. Yapılan değişiklikler anında ekranda görünür.
Dinamik Hizmetler & Ekip Yönetimi: Yeni bir hizmet veya ekip üyesi eklemek/çıkarmak sadece birkaç saniye sürer. Panel, karmaşık tablolar yerine tamamen görsel kutulardan oluşur.
Gelişmiş Galeri Yönetimi: Sürükle-bırak yöntemiyle portfolyo ve galeri görselleri kolayca güncellenir, sistem bu görselleri otomatik olarak optimize eder.
💎 Öne Çıkan Proje Özellikleri
🚀 Google Core Web Vitals Dostu: PageSpeed testlerinden tam not alan, hantal eklentilerden arındırılmış temiz kod yapısı.
📱 Mobile-First (Mobil Öncelikli) UI: Masaüstündeki premium hava, mobil cihazlarda da özel mobil menü tasarımı ve dokunmatik jestlerle kesintisiz devam eder.
🎯 Dönüşüm Odaklı Tasarım (CRO): Sayfa boyunca stratejik noktalara konumlandırılmış "Randevu Al" ve hızlı "WhatsApp" aksiyon butonları ile ziyaretçiyi doğrudan müşteriye dönüştürme hedefi.
🔍 Semantik SEO Mimarisi: Google botlarının siteyi kusursuz tarayabilmesi için semantik HTML5 etiketleri ve yapılandırılmış veri (Schema.org) entegrasyonu.
Ekran Görüntüleri
