Konut Projesi Web Sitesinde Kat Planları Nasıl Sunulmalı?

Kat planını daire tipi bazında düzenleyin

Proje birden fazla daire tipi içeriyorsa (2+1, 3+1, dubleks gibi) her tip için ayrı kat planı gösterin. Tek bir tipi temsili planla bütün tipi temsil etmeye çalışmak, ziyaretçide yanlış beklenti yaratır; satış görüşmesinde bu fark netleştiğinde güven kaybına dönüşür.

Planı onaylı çizimle karşılaştırın; hangi blok, kat veya daire tipine ait olduğunu yazın. Brüt/net alan gibi bilgileri kullanılan tanımıyla ve teknik ekip tarafından doğrulanmış değerlerle sunun. Cephe ve balkon yerleşimi aynı oda sayısında değişebilir; bilinmeyen ölçüyü çizimden tahmin ederek yazmayın.

Tabloyu yana kaydırarak inceleyin.

Mobil okunabilirliği ayrı bir tasarım görevi olarak ele alın

Telefonda okunmayan plan için büyütme, ayrı yüksek çözünürlüklü görünüm veya erişilebilir bir belge sunun. Her sayfaya özel interaktif zoom yazmak zorunlu değildir. Büyütme sonrası etiketlerin net kalması, kapatma kontrolünün erişilebilirliği ve kullanıcıyı sayfadaki yerine döndürme davranışı test edilmelidir.

Çok yüksek çözünürlüklü görsel sayfa hızını uzatabilir; görseli farklı ekran boyutları için farklı çözünürlükte sunmak (responsive image yaklaşımı) bu dengeyi kurar. Mobilde sayfa hızını Core Web Vitals metrikleriyle izleyin; web.dev Web Vitals belgesi yükleme, etkileşim ve görsel kararlılığın LCP, INP ve CLS ile ölçüldüğünü anlatır. Hız iyileştirmesi tek başına satış artışının kanıtı değildir.

Plan görselini yatay sayfa düzenine zorlamak, mobil kullanıcıyı telefonu döndürmeye mecbur bırakır. Dikey cihazda tam ekran görüntüleme ve parmakla yakınlaştırma, döndürme zorunluluğunu ortadan kaldıran bir alternatiftir.

Plan üzerinde etkileşim eklemek zorunlu değildir

Bazı projelerde kat planı, oda bazlı tıklamayla fotoğraf veya bilgi gösteren interaktif bir arayüz olarak kurulur. Bu yaklaşım ilgi çekicidir ama zorunlu değildir; daire tipi sayısı azsa ve planlar benzerse statik görsel + metin bloğu yeterli olabilir. İnteraktif plan, her oda için gerçek fotoğraf veya ölçü bilgisi mevcutsa değer üretir; boş odalara tıklayan ziyaretçiyi boş bir katmanla bırakmak deneyimi bozar.

İnteraktif plan JavaScript ağırlıklı çalışır. JavaScript SEO temelleri belgesi, JavaScript sayfalarının tarama, işleme ve indeksleme aşamalarından geçtiğini ve tarayıcıda görünen içeriğin bütün botların aynı içeriği işlediğini kanıtlamadığını anlatır. Daire tipi ve metrekare gibi temel bilgilerin HTML metni olarak da sayfada bulunması, bu riski azaltır.

Erişilebilirliği unutmayın

Kısa alternatif metin planın ne olduğunu tanımlar; karmaşık oda ilişkilerini tek cümleye sıkıştırmak yeterli olmayabilir. W3C’nin karmaşık görsel rehberine uygun olarak yakınında ayrıntılı metin veya oda/ölçü tablosu sunun. Klavyeyle açma, büyütme ve kapatma çalışsın; yalnız fareyle erişilen oda bilgisi bırakmayın.

Planı dönüşüm akışına bağlayın

İlgili daire tipi için fiyat veya ziyaret talebine geçiş sağlayın. Kullanıcı formu açınca seçtiği tip kaybolmasın; seçimini değiştirebilsin. Her planın içine zorla buton koymak yerine görüntüleyici kapatıldıktan sonra da kolay bulunan, bağlamı koruyan bir eylem tasarlayın.

Kat planı görüntülemeyi ölçmek, hangi daire tipinin ilgi çektiğini gösterir. Tip bazlı görüntüleme olayını site analitik aracında izlemek, satış ekibinin hangi tipe talep yoğunluğu olduğunu önceden görmesine yardımcı olur. Bu veri tek başına satış tahmini değildir; satış ekibi kayıtlarıyla birlikte yorumlanır.

Aşağıdaki kontrol listesi kat planı sunumunu yayına almadan önce kontrol edilecek noktaları bir arada toplar.

Web tasarımı kabulünde planın yalnız ekran görüntüsünü değil, farklı cihazlarda açılış ve kapanışını da sınayın. İnşaat ve gayrimenkul sayfalarında kullanılan görsel düzenleri incelemek için Avion İnşaat proje sayfasına da bakabilirsiniz.

• Her daire tipi için ayrı ve doğru plan görseli var mı?
• Brüt/net metrekare, balkon ve cephe yönü bilgisi metin olarak da var mı?
• Mobilde zoom ve tam ekran çalışıyor mu, zoom sonrası görüntü net mi?
• Plan görseli farklı çözünürlüklerde sunuluyor mu?
• Planın yanında bir sonraki adımı çağıran öğe var mı?
• Temel plan bilgileri HTML metni olarak da sayfada bulunuyor mu?
• Plan görsellerinin alternatif metinleri bağlama uygun mu?
• Tip bazlı görüntüleme olayı ölçümde izleniyor mu?

Sonuç

Kat planı sunumu, küçük bir görsel işi değil ziyaretçinin karar sürecini taşıyan bir deneyim parçasıdır. Daire tipi bazında ayrı planlar sunun; metrekare ve cephe yönü gibi ölçüleri metin olarak da yazın. Mobilde zoom, tam ekran ve responsive görsel çözümünü kurun; interaktif plan yalnız her odanın gerçek içeriği olduğunda değer üretir. Planı bir sonraki adımı çağıran öğeyle bağlayın ve tip bazlı görüntüleme olayını ölçüme alın.