OSBSA Bilişim

İnşaat firması için web sitesi örneği

Konut ve iş yeri yapan, kentsel dönüşüm de yürüten bir müteahhitlik firması için kurduğumuz gezilebilir site.

Kısa cevap

Daire arayan kişi satış ofisine gitmeden önce üç şeye bakıyor: kat planı, teslim tarihi ve ödeme düzeni. Bunların hiçbiri sitede yoksa ziyaretçi randevu almıyor, başka projeye geçiyor. Aşağıdaki örnek sitede her projenin durumu etiketli (satışta, devam ediyor, teslim edildi), daire tipleri ve oda ölçüleri yazılı, kat planları indirilebiliyor ve teslim tarihinin sözleşmede ay ve yıl olarak durduğu açıkça söyleniyor.

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.

Site fotoğrafı üzerinde “Teslim tarihi sözleşmede, kat planı sitede” başlığı ve 640 daire bilgisi; altta Park Evleri satışta, Residence devam ediyor rozetleri.
Hangi projenin satışta, hangisinin teslim edildiği tek bakışta anlaşılıyor.
Solda bina cephesi fotoğrafı, sağda “Park Evleri” başlığı, 96 daire ve 2028 ilk çeyrek bilgisi; tabloda blok, daire tipi ve otopark satırları.
Satış ofisine gitmeden daire tipi, kat düzeni ve teslim tarihi okunuyor.

Bir inşaat sitesinde ne olmalı

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

Proje kartında durum etiketi

Satışta, devam ediyor, teslim edildi. Ziyaretçi ilk bakışta hangi projeye bakacağını anlıyor. Bitmiş projeleri silmek de yanlış: onlar sizin en güçlü kanıtınız ve gezilebiliyorsa randevu getiriyor.

Daire tipleri ve ölçüler

Kaç blok, kaç daire, katta kaç daire, kaç asansör, otopark düzeni. Bunlar broşürde var ama sitede yoksa alıcı broşürü istemek için aramak zorunda kalıyor ve çoğu aramıyor.

Şantiye ilerleme galerisi

Tarihli fotoğraflar. İnşaat sitelerinin klasik derdi 2019'da kalmış görünmek; müteahhidin telefondan yüklediği aylık fotoğraf bunu tek başına çözüyor ve devam eden projede alıcıya güven veriyor.

Satış ofisi randevu formu

Hangi proje, kaç odalı daire, peşin mi taksit mi, görmek istediği gün. Bu dört soru randevuyu hazırlıklı hale getiriyor ve satış ekibi kime ne anlatacağını baştan biliyor.

Kentsel dönüşüm ayrı bir iş

Kat karşılığı görüşen bina sahibi daire arayan alıcı değil; sorusu da farklı: riskli yapı tespitini kim yapıyor, kira yardımı ne kadar, tüm maliklerle anlaşma şart mı. Bu grup için ayrı bir sayfa gerekiyor.

Teslim sonrası talep yolu

Anahtar teslimden sonra gelen eksik bildirimlerini telefondan takip etmek kayıpla bitiyor. Kayıt numarası üreten bir form hem size hem daire sahibine iz bırakıyor.

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. Kat planını görebilir miyim

    Alıcı bunu satış ofisine gelmeden görmek istiyor ve göremeyince gelmiyor. Örnek sitede ayrı bir kat planları sayfası var: vaziyet planı, daire tipleri, oda oda ölçüler, brüt ve net metrekare ayrı, planlar ekranda büyüyor ve PDF olarak iniyor. Plan koymayan proje siteleri randevuyu telefonla almaya çalışıyor ve o telefon çoğu zaman gelmiyor.

  2. Teslim ne zaman, gecikirse ne oluyor

    İkinci soru bu ve cevabı çoğu sitede 'yakında' oluyor. Örnek sitede teslim ay ve yıl olarak yazılı, sözleşmede de aynı tarihin durduğu ve gecikme halinde devreye giren kira yardımının tutarı ile başlangıcının aynı sözleşmede yazılı olduğu söyleniyor. Bu cümle güven kuruyor, çünkü alıcının en büyük korkusu tam da burası.

  3. Ödeme planı nasıl işliyor

    Peşinat oranı, taksit süresi ve taksitlerin teslim tarihine nasıl dağıtıldığı. Örnek sitede güncel tablonun satış ofisinde olduğu, hangi tutarın hangi tarihte ödeneceğinin sözleşme ekinde tablo halinde durduğu ve bazı projelerde ödemenin inşaat ilerlemesine bağlandığı yazılı. Rakam vermeden de yapı anlatılabiliyor.

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 Yapı panelinde kayıt listesi: Park Evleri, Residence, İş Merkezi ve kentsel dönüşüm satırları; fiyat notu sütununda satış ofisi ve kat karşılığı açıklamalarıyla yayında.
Yeni proje eklediğinizde ya da satışı bittiğinde listeyi kendiniz düzeltiyorsunuz.
Park Evleri kaydının düzenleme formu: kayıt adı, adres “park-evleri”, fiyat notu, sıra, “yayında” kutusu ve özet alanında 96 daire, 2+1 ve 3+1, teslim 2028 ilk çeyrek yazılı.
Teslim tarihi kaydığında tek satırı düzeltmek yeterli oluyor.

Panel demoda açık. Adresi /demo/insaat/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.

İnşaat tarafında ayrıca

  • Proje durumu rozeti

    Her proje kartında satışta, devam ediyor ya da teslim edildi rozeti; durumu panelden tek seçimle değiştiriyorsunuz.

  • Kat planı PDF'i

    Planlar sayfaya ekleniyor ve indirilebiliyor; yeni tip eklemek için ajans beklemiyorsunuz.

Sık sorulanlar

Her proje için ayrı site mi kurmalıyız
Genelde gerek yok. Tek bir firma sitesi içinde her proje kendi sayfasında durunca hem bakım tek yerden yürüyor hem firmanın geçmişi görünüyor. Çok büyük tek bir konut projesinde ayrı alan adı mantıklı olabiliyor; ikisinin maliyetini ve sonucunu görüşmede karşılaştırıyoruz.
3B sanal tur ya da daire seçim ekranı yapabilir misiniz
Sanal tur ayrı bir üretim işi ve genelde onu yapan firmalarla çalışılıyor; çıkan turu sitenin içine gömüyoruz. Kat planı üstünden daire seçimi ve rezervasyon ekranı ise yazılım işi, kurulabiliyor ama kapsamı ve bedeli ayrı. Örnek sitede ikisi de yok; olmayan şeyi var göstermiyoruz.
Biten projeleri siteden kaldırmalı mıyız
Kaldırmayın. Teslim edilmiş proje, alıcının 'bu firma gerçekten bitiriyor mu' sorusunun tek somut cevabı. Örnek sitede teslim edilmiş bir iş merkezi duruyor ve randevuyla gezilebildiği yazıyor. Render değil, ayakta duran bina; bu ayrım satışta çok işe yarıyor.
Fotoğraf yerine render kullanabilir miyiz
Satıştaki projede mecbursunuz, henüz bina yok. Ama render olduğunu yazmak gerekiyor; alıcı bunu zaten anlıyor ve yazmayan firmaya güveni azalıyor. Devam eden projelerde render ile şantiye fotoğrafını yan yana koymak en iyi sonucu veriyor.
Siteyi kim güncelleyecek
Panelden siz. Proje durumu, daire tipleri, ölçüler, sayfa metinleri ve şantiye fotoğrafları panelden yönetiliyor. Demoda deneyebilirsiniz; parolayı görüşmede veriyoruz.
Emlak portallarına ilan veriyoruz, siteye gerek var mı
Portal ilanı bir projeyi anlatmıyor, bir daireyi listeliyor. Kat planı, teslim takvimi, ödeme düzeni ve firmanın geçmişi portalda yer bulmuyor. İkisi birbirinin yerine değil, birlikte çalışıyor: ilan ilgiyi getiriyor, site kararı verdiriyor.

Sonraki adım

Demoya girip bir projeye tıklayın, kat planları sayfasına bakın. Kendi projenizde hangi bilgilerin sitede durabileceğini not alın; müteahhitlikte satış ofisine gelen kişi sayısını en çok belirleyen şey o liste.

Projenizi konuşalım

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