HAN Gayrimenkul — Modern Gayrimenkul Platformu
Satılık ve kiralık ilanlar, gelişmiş filtreleme, favoriler, karşılaştırma, kredi hesaplama ve değerleme içeren eksiksiz bir gayrimenkul platformu.
Tamamlanmış proje. Geliştirilen sistemin çalışan etkileşimli önizlemesini bu sayfada inceleyebilirsiniz.
- Proje türü
- Web Geliştirme · Gayrimenkul · Özel Yazılım
- Durum
- Gerçek Proje · Tamamlandı
- Yıl
- 2026
- Önizleme
- Bu sayfada etkileşimli site önizlemesi
Platformun çalışan önizlemesini burada açar — tıklayın, kaydırın, filtreleyin ve karşılaştırın.
Çalışan bir kopyanın site içi önizlemesidir. Müşterinin herkese açık web sitesine bilinçli olarak bağlantı verilmemiştir.
A
Proje özeti
HAN Gayrimenkul, yerel bir gayrimenkul ofisi için geliştirilmiş modern bir gayrimenkul platformudur. İlanları, aramayı, karar destek araçlarını ve danışmanlık sayfalarını hızlı ve duyarlı tek bir deneyimde birleştirir; arkasında ise özel bir yönetim paneli bulunur.
Proje hedefi
Yerel bir gayrimenkul ofisine kendi platformunu kazandırmak: ziyaretçilerin ilanları kendi başlarına arayıp karşılaştırabilmesini ve değerlendirebilmesini, ofisin de ilanlarını üçüncü taraf bir portala bağımlı kalmadan yönetebilmesini sağlamak.
B
Problem
Ev arayanlar, bir danışmanı aramadan önce ilanları kendi başlarına filtrelemek, karşılaştırmak ve değerlendirmek ister. Hazır ilan şablonları yavaş, yönetimi zor ve ofisin bölgesel uzmanlığına güven oluşturmakta yetersizdir.
Geliştirme zorlukları
- Filtre yoğun ilan sayfalarını sunucuda oluştururken mobilde hızlı tutmak
- Ziyaretçilerin hesap açmasını gerektirmeden karşılaştırma ve favoriler kurgulamak
- Asıl sitenin güvenlik başlıklarını zayıflatmadan platformu salt okunur bir önizleme olarak gömülebilir hale getirmek
C
Çözümümüz
PostgreSQL veritabanına sahip özel bir Next.js platformu: sunucuda oluşturulan ilan ve detay sayfaları, gelişmiş filtreler, cihazda saklanan favoriler ve yan yana karşılaştırma, kredi hesaplama aracı, değerleme talep akışı, harita görünümleri, çok dilli içerik ve ilan ile fotoğrafların yönetildiği güvenli bir yönetim paneli.
Tasarım yaklaşımı
Satış odaklı değil, köklü ve güvenilir hissettiren sakin, editoryal bir görünüm: koyu lacivert, sıcak altın vurgular ve serif başlık yazı tipi. Arama ilk ekrana yerleştirildi, ilan kartları bilgi açısından zengin ama sade tutuldu ve tüm ekranlar mobil öncelikli tasarlandı.
Teknik mimari
- Sunucuda oluşturulan sayfalar ve TypeScript ile React bileşenlerine sahip Next.js (App Router)
- Prisma ORM üzerinden erişilen PostgreSQL veritabanı
- Formlarda ve sunucu işlemlerinde Zod ile girdi doğrulama
- Leaflet ile harita görünümleri
- İlan fotoğrafları için görsel depolama ve optimizasyon hattı
- Sunucuda yetki kontrolü yapılan, kimlik doğrulamalı yönetim paneli
- İstek başına Content-Security-Policy nonce'u dahil güvenlik başlıkları
- Vercel üzerinde yayında
D
Öne çıkan özellikler
- Modern gayrimenkul ilan sistemi
- Satılık ve kiralık ilanlar
- Gelişmiş ilan filtreleme
- Gayrimenkul detay sayfaları
- Favorilere ekleme
- İlan karşılaştırma
- Kredi hesaplama
- Gayrimenkul değerleme
- Hizmet ve danışmanlık sayfaları
- Responsive tasarım
- Türkçe kullanıcı deneyimi
Geliştirme süreci
- 01Ofisin ilan iş akışının ve hizmet bölgelerinin analizi
- 02Bilgi mimarisi, arama ve ilan UX tasarımı
- 03Platform, veritabanı ve yönetim paneli geliştirme
- 04Test (birim, uçtan uca, erişilebilirlik), optimizasyon ve yayın
Doğrulanmış teslimatlar
- Satılık ve kiralık ilanlar, filtreler ve detay sayfaları içeren genel web sitesi
- Favoriler, karşılaştırma, kredi hesaplama ve değerleme talep akışı
- İlanlar ve fotoğraflar için yönetim paneli
- Kod tabanında otomatik testler (birim, uçtan uca ve erişilebilirlik kontrolleri)
- Üretim ortamına dağıtım (deployment)
E
Teknoloji yığını
- Frontend
- Next.jsReactTypeScriptTailwind CSS
- Backend
- PrismaZod
- Veritabanı
- PostgreSQL
- Yayınlama
- Vercel
- Araçlar ve kütüphaneler
- Leaflet
Proje kaynak kodundan doğrulanmıştır
F
Görsel sunum
Cihaz önizlemesi
Çalışan önizlemeyi açın ve masaüstü, tablet ve mobil görünümler arasında geçiş yapın.
Masaüstü ekranları
Mobil görünüm
