Karaman'da yükselen Loca projeleriyle tanınan Çelik İnşaat; konuttan villaya, ofis plazasından ticari yapılara uzanan projelerini "Prestiji ve konforu birlikte sunan proje" mottosuyla hayata geçiriyor. Loca Private, Loca Deniz Plaza ve yakında satışa çıkacak Loca Çelik Plaza gibi projelerin tek bir çatı altında, yatırımcıya ve ev sahibi olmak isteyenlere en etkileyici şekilde anlatılması gerekiyordu.
Pienart olarak Çelik İnşaat için, Loca markasının prestijli duruşunu yansıtan, projeleri ön plana çıkaran ve ziyaretçiyi ilk saniyeden etkileyen bir proje tanıtım web sitesi tasarlayıp geliştirdik.
Tasarım ve Görünüş
Sitenin görsel dilini Loca markasının lüks ve sıcak kimliği üzerine kurduk. Koyu tonlarla dengelenen sade bir zemin, altın renkli vurgular ve Playfair Display'in zarif serif başlıkları, projelerin mimari görselleriyle birleşerek prestijli bir atmosfer oluşturuyor.
- Animasyonlu geçişler: Sitenin tamamında, sayfa kaydırıldıkça içeriklerin sırayla belirdiği WOW efektli animasyonlar kullanıldı. Her bölüm, ziyaretçiyi yormadan akıcı bir hikâye gibi açılıyor.
- Proje slider'ı: Ana sayfadaki tam ekran slider, en yeni projeleri büyük görseller ve tek tıkla detay sayfasına götüren butonlarla sunuyor.
- Canlı sayaçlar: Şehir merkezine uzaklık, ada/parsel, proje süreci, teslim süresi ve brüt alan gibi proje bilgileri, ekrana geldiğinde sayarak artan animasyonlu sayaçlarla gösteriliyor.
- Parallax ve açılış ekranı: Arka planda derinlik hissi veren parallax geçişler ve "Konfor Yükleniyor" mesajlı açılış ekranı, markanın premium hissini güçlendiriyor.
- Tam mobil uyum: Tüm sayfalar telefon, tablet ve masaüstünde kusursuz çalışacak şekilde responsive olarak tasarlandı; animasyonlar ve galeriler her ekranda aynı akıcılıkta.
Sitede Neler Var?
- Proje sayfaları: Loca Private, Loca Deniz Plaza ve diğer projeler için tanıtım metni, proje ayrıcalıkları, teknik bilgiler ve fotoğraf galerisi içeren ayrı sayfalar.
- Kat planları: Zemin kat ve normal kat planlarının sekmeler halinde incelenebildiği plan bölümü.
- Tanıtım filmleri ve harita: Projelerin tanıtım filmleri ve lokasyonu gösteren etkileşimli harita.
- Galeri: Kategorilere göre filtrelenebilen, büyük görsel önizlemeli fotoğraf galerisi.
- Loca Güvence: Ödemelerin projenin inşaat rezerv hesabında korunduğunu anlatan garantili proje hesabı sayfası.
- Kurumsal bölüm: Hakkımızda, Misyon & Vizyon, Bayram Çelik Kimdir? ve Neden Loca? sayfaları.
- Haber ve iletişim: Haber / Duyuru bölümü, "Sizi Arayalım" geri arama formu ve satış ofisi iletişim bilgileri.
SEO ve GEO Odaklı Yapı
Loca Evleri sitesini yalnızca arama motorları için değil, ChatGPT, Gemini ve Google'ın yapay zekâ yanıtları gibi üretken arama deneyimleri (GEO) için de anlaşılır olacak şekilde kurguladık. Amaç, Karaman'da konut ya da ofis arayan birinin hangi kanaldan ararsa arasın Loca projeleriyle karşılaşmasıydı.
- Anlamlı sayfa yapısı: Her projenin kendine ait, okunabilir adresi (ör. /loca-deniz-plaza) ve her sayfada tek bir ana başlıkla kurulan düzenli başlık hiyerarşisi.
- Meta ve paylaşım etiketleri: Sayfa başlıkları, meta açıklamalar, Karaman odaklı anahtar kelimeler ve sosyal medya paylaşımları için Open Graph etiketleri.
- Yerel SEO: Her sayfada tutarlı adres, telefon ve çalışma saati bilgisi ile harita entegrasyonu; yerel aramalarda güçlü bir işletme sinyali.
- Yapay zekânın alıntılayabileceği içerik: Ada/parsel, brüt alan, teslim süresi, otopark ve enerji çözümleri gibi proje bilgilerinin açık ve net metinlerle verilmesi; yapay zekâ asistanlarının projeleri doğru anlayıp yanıtlarında aktarabilmesi için.
Teknik Altyapı
Site, Pienart'ın kurumsal projelerde kullandığı ASP.NET altyapısı üzerine kuruldu. Projeler, haberler ve galeriler dinamik olarak yönetiliyor; yeni bir proje ya da duyuru eklendiğinde sitenin ilgili bölümlerinde kendiliğinden yer alıyor.
- Arayüz: Bootstrap tabanlı responsive yerleşim, jQuery ile etkileşimler.
- Animasyonlar: WOW.js ve Animate.css ile kaydırmaya bağlı giriş efektleri, Stellar.js ile parallax, Odometer ile animasyonlu sayaçlar.
- Slider ve galeri: Swiper ile dokunmatik uyumlu slider'lar, Isotope ile filtrelenebilir galeri, Fancybox ile görsel ve video önizleme.
- Harita, video ve ölçümleme: Google Haritalar, YouTube tanıtım filmleri ve Google Analytics 4 ile ziyaretçi analizi.
- Hız ve güvenlik: Cloudflare altyapısıyla hızlı ve güvenli içerik dağıtımı.
- Tipografi: Playfair Display ve Poppins yazı tipleriyle zarif ve okunaklı bir görünüm.