Salon İçin Web Sitesi: 8 Mutlaka Olması Gereken Bölüm

Web siteniz var mı? Varsa son 6 ayda mobile ekranda kontrol ettiniz mi? Müşteriniz için telefon dışında bir şey kullanmıyor.

Bu yazıda salon web sitenizde mutlaka olması gereken 8 bölüm + her birinin nasıl tasarlanacağı + örnek wireframe öneriyle anlatacağım.

Bölüm 1: Hero (En Üst Banner)

İlk 3 saniyede müşteriniz "doğru salondayım" hissi almalı. Hero bölümü bunu yapar.

Olması gerekenler:

• Salon adı (büyük, okunaklı)
• Kısa değer önerisi (1 cümle — neyi farklı yapıyorsunuz)
• Ana CTA butonu (WhatsApp veya "Randevu al")
• Salon iç mekân fotoğrafı veya brand-aligned görsel

Örnek (Stüdyo stili):

[Salon iç mekân fotoğrafı, navy + rose-gold paleti] # Eda Beauty Studio ### Modern güzellik, teknoloji ile. Ataşehir'de Diode + Alexandrite lazer, HydraFacial, kalıcı makyaj. [WhatsApp'tan yaz — 15 dakika içinde dönüş] [Telefon numarası]

Yapılmaması gerekenler:

• 4-5 cümlelik metin (uzun)
• Slider/carousel (yavaş + dikkat dağıtıcı)
• Auto-play video (mobilde data sorun)
• Generic "kaliteli hizmet" cümlesi

Bölüm 2: Hizmetler (3-4 Ana Hizmet)

Müşteri ne aradığını biliyor — ona doğru hizmet bağlantısı sunun.

Olması gerekenler:

• 3-7 ana hizmet kategorisi
• Her birine kısa açıklama (1-2 cümle)
• Görsel destek (icon veya görsel)
• Detay için link (alt sayfa)

Örnek format:

[Lazer Epilasyon icon] [HydraFacial icon] [Kalıcı Makyaj icon] [Medikal Estetik icon] Lazer Epilasyon HydraFacial Kalıcı Makyaj Medikal Estetik 8 yıl deneyim Diode/Alexandrite Microblading Mezoterapi [Detay →] [Detay →] [Detay →] [Detay →]

Yapılmaması gerekenler:

• 15+ hizmet listesi (karar yorgunluğu)
• Hiyerarşi yok (hangisi öncelikli net değil)
• Sadece metin, görsel yok

Bölüm 3: Hakkımızda (Salon Hikayesi)

Müşteriler "ne tür insanlarla iş yapıyorum" bilmek ister. Bu bölüm güven sinyali.

Olması gerekenler:

• Salonun kuruluş hikayesi (kısa, 100-200 kelime)
• Sahibi/kurucusunun fotoğrafı
• Felsefesi/değerleri (3-4 kısa madde)
• Ekip tanıtım (uzman portrait + kısa bio)

Örnek (Vera Güzellik Merkezi):

## Vera Güzellik Merkezi — 16 Yıllık Deneyim 2008'de Bakırköy'de tek odadan başladık. Bugün Bakırköy + Ataköy'de 8 uzmanla, kurumsal alanda 1500m² hizmet veriyoruz. Felsefemiz: üst seviye + sistem. Kapsamlı uzman ekibi + modern cihaz + sürekli eğitim. Müşterimizin uygun olduğu hizmeti dürüstçe söylemek, gerekmediğinde "bu sizin için değil" demek bizim için kıymetli.

Yapılmaması gerekenler:

• Sayfalar dolusu otobiyografi
• "Premium hizmet veren marka" gibi generic cümleler
• Profesyonel portrait foto yok (yüz görünmeli)

Bölüm 4: Paketler / Fiyat Aralığı

Müşterilerin web sitesi ziyaretinin birinci sebebi fiyat. Saklamak güveni azaltır.

İki strateji:

Strateji A: Net paket fiyatı (Atölye stili)

• Her paket için kesin tutar
• "₺2.400 (8 seans)"
• Şeffaflık + güven

Strateji B: Fiyat aralığı (Stüdyo + Ocak stili)

• "Lazer paketleri ₺1.800-4.500 arası"
• "Tam fiyat konsültasyonda netleşir"
• Esneklik + kişiselleştirme

İkisinin de avantajları var. Salon ölçeğinize karar verin.

Olması gerekenler:

• 3-5 ana paket gösterim
• Her paket için: süre + hizmet + fiyat
• "Kim için uygun?" hint
• CTA (WhatsApp ile iletişim)

Yapılmaması gerekenler:

• "Fiyat için iletişim" (sinir bozucu, müşteri ayrılır)
• Çok detaylı tablolar (mobile okunmaz)
• Pop-up "fiyat görüntülemek için kayıt ol"

Bölüm 5: Galeri (Sonuç Görselleri)

Kelimeler dökmez, görseller dökermiş. Salon işinde bu çok doğru.

Olması gerekenler:

• 20-40 görsel (kategorize)
• Before/after pair'ler (varsa, müşteri izniyle)
• Salon iç mekân
• Ekibinizin çalışma anları
• Hizmet süreçleri

Yapılmaması gerekenler:

• Stok foto kullanma (gerçek salon ortamı yansıtır)
• Müşteri yüzü açıkça (KVKK riski + güvenlik)
• 200+ görsel (kullanıcı kaybolur, performance düşer)
• Filtreli/aşırı edit görseller (gerçek dışı)

Pro ipucu: Galeride "İncele kategorisi" filter chips. Müşteri lazer epilasyon arıyorsa lazer galerisini görür.

Bölüm 6: Müşteri Yorumları

Sosyal kanıt = en güçlü ikna aracı.

Olması gerekenler:

• 5-10 müşteri yorumu
• Tam isim + ilk harf (Ayşe D., Zeynep K.) — KVKK uyumlu
• Spesifik detay yorumlar (generic "süper" değil)
• Yıldız puanı + Google review embed (zaten Google'da varsa)
• Ekran görüntüsü değil, gerçek embed

Örnek format:

"İlk konsültasyon zamanı geç çıktım, hâlâ bekledikleri için minnettarım. 4. seansı aldım, fark net görünüyor. Maddi hesap yapmadan değer veriyorlar." — Pınar K., 8 ay müşteri ⭐⭐⭐⭐⭐

Yapılmaması gerekenler:

• Sahte yorumlar (müşteri sezer)
• Stok foto + isim
• Tek tip yorum ("hepsi 'mükemmel' diyor")
• 50+ yorum (görüntüleyemez)

Bölüm 7: Iletişim (Birden Fazla Yol)

Müşteri seçim hakkı seviyor.

Olması gerekenler:

• WhatsApp ana CTA (büyük, görünür buton)
• Telefon numarası (tıklanabilir tel: link)
• E-posta (gizlilik için form yerine direkt mailto)
• Adres + Google haritalar embed
• Çalışma saatleri
• Sosyal medya hesapları

Wireframe önerisi:

[Sol kolon — büyük] [Sağ kolon — form] WhatsApp [yeşil büyük buton] E-posta yazın: +90 555 123 45 67 (tel: link) [İsim] [Telefon] hello@salonum.com [Mesaj] [Gönder] Bakırköy İncirli Cad. No:42 [Google Maps embed] Pazartesi-Cumartesi: 09:00-19:00 Pazar: Kapalı

Bölüm 8: KVKK + Yasal (Footer)

Türkiye'de yasal zorunluluk. Aynı zamanda profesyonellik sinyali.

Olması gerekenler:

• KVKK aydınlatma metni link
• Gizlilik politikası link
• Çerez politikası link
• Sözleşme örneği (eğer paket satıyorsanız)

Yapılmaması gerekenler:

• "Avukatımız hazırladı" yapıştır metin
• Link var ama tıklanamıyor (404)
• Aşırı detay (10 sayfa) — özet sayfa yeter

Sayfa Performansı (Çok Önemli)

Yukarıdaki 8 bölümü yapsanız da web siteniz yavaş yüklenirse kullanıcı 3 saniye içinde kapatır.

Hedefler:

• LCP (Largest Contentful Paint) < 2.5 saniye
• CLS (Cumulative Layout Shift) < 0.1
• INP (Interaction to Next Paint) < 200ms

Pratik öneriler:

• Görselleri compress + AVIF format
• Sadece kullandığınız fontları yükleyin
• Auto-play video YOK
• Pop-up YOK (kullanıcı sinir oluyor + algoritma cezalandırıyor)

OcaVita'da web sitesi paketleri Core Web Vitals hedeflerini karşılar — bu ölçülebilir taahhüttür, "modern web sitesi" gibi muğlak değil.

Mobile-First Mantığı

Müşterinizin %90'ı telefondan girer. Web sitenizi önce telefon ekranına göre tasarlayın, sonra masaüstüne uyarlayın — tersi değil.

Mobile-first kontrol listesi:

• Hero buton parmakla rahat tıklanır mı (44x44px min)?
• Hizmet listesi yatay scroll mu, dikey grid mi (mobile için dikey)?
• Form input'lar otomatik klavyeyi açar mı (input type)?
• Sticky WhatsApp butonu kapatılabilir mi (gereksiz dikkat dağıtıcı)?
• Footer kompakt mı (50 link uzun, 12 link doğru)?

Şimdi Ne Yapmalısınız?

Web siteniz var:

• Yukarıdaki 8 bölümün hangisi eksik kontrol edin
• Mobile'da test edin (gerçek telefonla)
• Lighthouse skoru ölçün (chrome devtools)

Web siteniz yok:

• Atölye paketinde web sitesi temel kurulum
• Stüdyo paketinde 12+ sayfa salon-spesifik tasarım
• Ocak paketinde multi-şube + e-ticaret + müşteri portalı

Ücretsiz analiz isterseniz WhatsApp'tan "web sitesi konsültasyon" yazın. 15 dakika içinde dönüş yapıyorum, mevcut salonunuzu görüştürüp net "bu eksik, bu öncelikli" listesi çıkarırım.

— Atakan