OSBSA Bilişim

Çelik kapı üreticisi için web sitesi örneği

Daire kapısından blok işine çalışan bir üretici için kurduğumuz gezilebilir site. Müteahhit tarafı ayrı düşünüldü.

Kısa cevap

Çelik kapı sitesine iki ayrı müşteri giriyor ve ikisinin sorusu birbirine benzemiyor. Daire sahibi modeli, ölçüyü ve kapının kaç günde takılacağını arıyor; müteahhit kaç kapının hangi hafta çıkacağını ve yangın dayanım belgesinin olup olmadığını. Aynı sayfayı ikisine birden yazmak ikisini de kaybettiriyor. Aşağıdaki örnek sitede model sayfaları bireysel alıcıya, ayrı bir giriş de blok işine bakıyor; teknik ölçüler ikisinde de tablo halinde duruyor.

Demodaki firma yok, numarası da yok; sayfanın nasıl çalıştığını görmeniz için kuruldu. Panelin parolasını görüşmede veriyoruz — isteyin, ekranda birlikte bir ürün adı değiştirelim.

Ekranda nasıl duruyor

Aşağıdakiler demonun kendi sayfalarından alındı; kurgu görsel değil.

Kapı montajı yapan ustanın fotoğrafı üzerinde “Daire kapısından blok işine” başlığı; altta 1998, 14 kişilik montaj ekibi, 3-10 gün ve 2 yıl garanti.
Tek daireden blok işine kadar kapsam ve teslim süresi giriş ekranında.
Solda gri çelik kapı fotoğrafı, sağda “Daire giriş kapısı” başlığı, ölçüden sonra fiyat notu ve 97 × 207 cm, 70 mm, 1,2 mm DKP satırları.
Ölçü, sac kalınlığı ve kilitleme yazılı; fiyatın neden ölçüye bağlı olduğu belli.

Bir çelik kapı sitesinde ne olmalı

Sektörü tanımayan bir ajans bunları sormaz; sorulmayınca da siteye girmez.

Her modelin ölçü tablosu

Kanat kalınlığı, sac kalınlığı, kilitleme noktası, yalıtım dolgusu, standart kasa dışı ölçü. Bunlar fotoğrafın altına iki satır yazıyla sıkıştırılamıyor. Tablo halinde durunca alıcı iki modeli yan yana koyabiliyor, siz de telefonda aynı bilgiyi on kere tekrarlamıyorsunuz.

Müteahhide ayrı bir kapı

Blok işinde konuşulan şey model değil termin. Kat planını yükleyip kaç kapı çıktığını ve haftalık sevkiyat programını sorabileceği ayrı bir form gerekiyor. Aynı formu daire sahibiyle paylaşmak ikisini de zorluyor.

Montaj kimin işi, açıkça

Kapıyı yapanın mı taktığını, taşerona verilip verilmediğini ve garantinin neyi kapsadığını yazmak bu sektörde tek başına satış argümanı. Sorun çıktığında kimin geleceğini bilmek alıcının en büyük derdi.

Bayilik başvurusu

Üreticinin gerçek büyüme kanalı bayi ağı. Site bayi olmak isteyene ayrı bir sayfa ve form veriyorsa başvuru geliyor; vermiyorsa o kişi de genel iletişim formuna 'merhaba' yazıyor ve arada kayboluyor.

Harita ve WhatsApp

Kapı işinde müşteri çoğu zaman telefonda fotoğraf gönderiyor: mevcut kasanın hali, boşluğun durumu. WhatsApp düğmesi hazır mesajla açılınca o fotoğraf doğru numaraya gidiyor. Google İşletme Profili bağlantısı da fabrikayı gelip görmek isteyen için duruyor.

Müşteriniz siteye girer girmez ne arıyor

Üçü de demonun ilk ekranında cevaplanıyor. Cevap sayfanın dibinde kalırsa ziyaretçi telefonu eline alıyor ya da çıkıyor.

  1. Bu kapı ne zaman takılır

    Daire kapısı alan kişinin tek acelesi bu. Örnek sitede teslim süresi model sayfasında yazılı: standart daire kapısında ölçüden sonra 3-10 gün, villa ve özel ölçüde çizim onayından sonra 20-30 gün. Süreyi yazmak müşteri kaybettirmiyor, tersine, aceleci olanı baştan eliyor ve size uygun olanı arıyor.

  2. Ölçüyü kim alacak, yanlış çıkarsa ne olur

    Kapı boşluğunun ölçüsünü müşteriden istemek bu sektörde en pahalı hata. Örnek site ölçüyü firmanın aldığını ve yanlış ölçü sorumluluğunun firmada olduğunu açıkça yazıyor; ölçü randevusu da ilçe ve tarih seçilen bir formdan alınıyor. Telefonda not alınan randevunun kaybolma ihtimali kalmıyor, panelde liste halinde duruyor.

  3. Yangın kapısında belge var mı

    Kaçış koridoru ve teknik hacim işlerinde bu soru sorulmadan iş verilmiyor. Örnek sitede dayanım sınıfı ürün tablosunda yazılı ve belgenin kapıyla birlikte teslim edildiği söyleniyor. Hazır şablon satan rakiplerin hiçbirinde belgeye ayrılmış bir alan yok; oysa müteahhidin kontrol listesinde ilk madde bu.

Siteyi kendiniz yönetiyorsunuz

Aşağıdakiler demonun kendi panelinden alındı. Hazır site satan sağlayıcıların çoğu panelden söz ediyor ama ekranını göstermiyor.

Örnek Çelik Kapı panelinde ürün listesi: daire giriş kapısı, blok ve site kapısı, yangına dayanıklı kapı ve villa/özel ölçü satırları fiyat notu, sıra ve durum sütunlarıyla.
Yeni bir kapı tipi eklemek için kimseyi beklemeniz gerekmiyor.
Daire giriş kapısı kaydının formu: ürün adı, adres, fiyat notu “Ölçü alındıktan sonra fiyat verilir”, sıra, “yayında” kutusu ve teslim süresini taşıyan özet alanı.
Fiyat vermeden önceki koşulu kendi cümlenizle yazıp yayına alıyorsunuz.

Panel demoda açık. Adresi /demo/celik-kapi/panel; parolayı görüşmede veriyoruz. İstediğiniz kadar karıştırabilirsiniz, panelin altındaki "demoyu sıfırla" düğmesi her şeyi eski hâline döndürüyor.

Bu sitede neler var

Hepsi demoda çalışıyor. Yazmadığımız şey yok demektir.

Yönetim paneli

  • Ürün ve hizmet

    Kalem ekleyip çıkarıyor, adını ve açıklamasını değiştiriyor, sırasını siz belirliyorsunuz.

  • Teknik tablo

    Ürün sayfasındaki ölçü ve süre satırları panelden yazılıyor: solda ad, sağda değer.

  • İçerik sayfaları

    Hakkımızda, süreç, sertifikalar. Yeni sayfa açmak için bizi aramanız gerekmiyor.

  • Haber ve yazı bölümü

    Panelden yazı ekleyip yayınlıyorsunuz: başlık, özet, gövde ve tarih. Yazı aynı anda sitede ve ana sayfadaki son yazılar şeridinde beliriyor.

  • Rakam şeridi

    Ana sayfadaki dört rakam (kuruluş yılı, teslim süresi, kapasite) panelden güncelleniyor.

  • Gelen talepler

    Formdan gelen her talep panelde: ad, telefon, e-posta ve yazdığı mesajla.

  • Yedek indirme

    Sizin sürümünüzde bir düğme bütün içeriği JSON dosyası olarak indiriyor.

  • Parola korumalı

    Panel ayrı bir girişin arkasında; ziyaretçi panelin varlığını görmüyor.

Arama motoru tarafı

  • Sayfa başına tek H1

    Her sayfanın tek ana başlığı var. Eski sitelerde en sık bulduğumuz hata bu.

  • Başlık ve açıklama

    Arama sonucunda görünen iki satır her sayfa için ayrı yazılıyor.

  • Sektör şeması

    İşin türünü söyleyen yapısal veri gömülü: nakliyatta MovingCompany, klinikte Dentist.

  • Soru–cevap işaretlemesi

    Sık sorulanlar FAQPage biçiminde işaretli; sonuçta açılır cevap olarak çıkabiliyor.

  • Site haritası ve robots

    Panelden eklediğiniz ürün haritaya kendiliğinden giriyor, kaldırdığınız çıkıyor.

  • Görseller AVIF ve WebP

    Fotoğraflar yayın öncesi iki biçimde üretiliyor; tarayıcı desteklediğini indiriyor.

  • Telefonda açılış hızı

    Yavaş 4G'de ölçülen LCP 1,6 saniye (Google'ın eşiği 2,5) ve sayfa inerken zıplamıyor.

Formlar ve iletişim

  • Teklif formu

    Gönderilen talep veritabanına yazılıyor ve panelde görünüyor. Süs değil.

  • WhatsApp ve arama

    İkisi de hazır mesajla ve tek dokunuşla açılıyor; numara kopyalanmıyor.

  • Bot koruması

    Forma gizli bir tuzak alanı gömülü. İstenirse doğrulama kutusu da ekleniyor.

Telefon ekranı

  • Önce telefon

    Sayfalar dar ekrana göre kuruldu, masaüstü düzeni onun üstüne bindi.

  • Yapışık alt çubuk

    Dar ekranda altta Ara ve WhatsApp düğmeleri; kaydırma nereye giderse gitsin orada.

Dil ve barındırma

  • Sitenin dili

    Demolar ve size kurulan sürüm Türkçe. İngilizce, Arapça, Almanca, Rusça ve Fransızca altyapısı çalışıyor; kurulumu ek hizmet olarak fiyatlanıyor.

  • Nerede duracak

    Kendi sunucunuza da kurulur bizimkine de (Node 22 ve MariaDB). Kendi klasörü ve veritabanı olduğu için taşınabiliyor.

Çelik kapı tarafında ayrıca

  • Kat planı yükleme

    Müteahhit formunda dosya alanı var; gelen plan talebe ekli olarak panelde duruyor, e-postada kaybolmuyor.

  • Ölçü randevusu

    İlçe ve tarih seçilen ayrı bir form. Gelen randevular panelde talep listesinde, montaj ekibinin programına göre okunabiliyor.

Sık sorulanlar

Kaç model koyabiliriz
Sınırı siz belirliyorsunuz. Örnekte dört model var çünkü demo gezilecek kadar kısa olsun istedik; gerçek katalogda elli model de olabilir. Model sayısı arttıkça listeye filtre eklemek gerekiyor (ölçü, kanat tipi, fiyat aralığı), onu da kurabiliyoruz.
Panel renklerini müşteri sitede seçebilir mi
Fotoğrafını koyup 'bu renk şu modelde var' diye gösterebiliyoruz. Ama gerçek renk seçimi ekranda olmuyor; panelin dokusu ve tonu ekranda olduğu gibi çıkmıyor ve müşteri gelip elini sürdüğünde fikri değişiyor. Sitenin işi showroom'a getirmek, showroom'un yerini almak değil.
Bayilerimizin listesini koyabilir miyiz
Koyabilirsiniz; bayi listesi ve harita panelden yönetilen bir sayfa olarak kuruluyor. Bayi ekleyip çıkarmak için bizi aramanız gerekmiyor.
Fiyat yazmak zorunda mıyız
Zorunda değilsiniz ve çoğu üretici yazmıyor, çünkü fiyat ölçüye ve montaj koşuluna göre değişiyor. Örnek sitede de rakam yok. Bunun yerine teslim süresi, ölçü ve kapsam yazılı; alıcı karşılaştırmayı bunlarla yapıyor.
Eski sitemizdeki adresler ne olacak
Google'da sıra almış adresleri kaybetmemek için eski adreslerden yenilerine yönlendirme kuruyoruz. Bunu atlamak, yıllarca birikmiş sıralamayı bir gecede silmek demek; devraldığımız sitelerde en sık düzelttiğimiz hata bu.
Demoyu müşterimize gösterebilir miyiz
Gösterebilirsiniz ama adresi verirken bunun bir örnek olduğunu söyleyin; sayfanın üstünde kapatılamayan bir şerit de aynı şeyi yazıyor. Firma adı ve numara uydurma, kimse yanlışlıkla aramasın diye.

Sonraki adım

Demoyu açın, bir model sayfasına girin ve tabloya bakın. Sizin kataloğunuzda hangi satırların olması gerektiğini not alın; görüşmede ilk konuşacağımız şey o tablo olacak, çünkü sitenin geri kalanı onun etrafında kuruluyor.

Projenizi konuşalım

Ne istediğinizi kısaca yazın; kapsamı, süreyi ve bedeli içeren bir teklifle dönelim.