Gayrimenkul Web Sitesi Tasarımının 16 İnanılmaz Örneği

Yayınlanan: 2019-10-22

Zamanın başlangıcından beri, insanlar güzelliği ve etkinliği takdir ettiler. Sonuç olarak, hem sanatta hem de teknolojide yukarı yönlü bir gelişme trendini sürdürdük.

Aynı eğilim sanal dünyada da devam ediyor. İnsanlar güzel ve özel ihtiyaçlarını karşılayan bir web sitesi bulduğunda, o siteye geri dönmeye devam ederler. Gayrimenkul sektörü bir istisna değildir. Halihazırda internet kullanan 4,38 milyar insanla, emlak acenteleri de dahil olmak üzere tüm işletmelerin web sitelerini çalışır durumda tutması neredeyse zorunlu.

Bir kişi her gün internette yaklaşık 6 saat 42 dakika geçirdiğinden, fantastik estetik ve değer sunumuna sahip bir web sitesinin daha fazla müşteri kazanabilmesi ve elde tutabilmesi mantıklıdır. Bir emlakçının, web sitesinin hangi bileşenlerinin onu öne çıkardığını bilmesi çok önemlidir.

Bir web sitesi tasarlamak ve geliştirmek oldukça göz korkutucu bir iş olabileceğinden, size halihazırda başarıyla çalışan web sitelerini sunmaya karar verdik. Bunlardan herhangi birini (veya daha fazlasını) beğendiyseniz, tek yapmanız gereken bağlantıyı seçtiğiniz web tasarım şirketi ile paylaşmak. Yetkinlerse, site listemizden seçtiğiniz örneklere dayalı bir web sitesi oluşturmak (ve özel özellikler sağlamak) onlar için zor olmayacaktır.

Böylece 60'ın üzerinde çalışan web sitesi bulduk. Bunları genel tasarım, görsel estetik, kullanıcı arayüzü, kullanıcı deneyimi, renk seçimi ve sağlanan özelliklere göre sıraladık.

Filtreleme sürecimiz, bize göre en iyi emlak web sitesi tasarımları olan ilk listemizi 16'ya çıkardı.

Bir göz atın ve hangilerinin beğeninize olduğuna karar verin.

1. Ev Sahibi Garantili

Landlord Assured'ı diğerlerinden ayıran şey, aynı zamanda bir video olan karanlık arka planıdır. Bu, ziyaretçilerin daha uzun süre etkileşimde kalmasını ve parlak sarı CTA'yı tıklama olasılığının daha yüksek olmasını sağlar. Başlık basittir ve büyük yazı tipi kullanır. Alt başlık olarak kısa bir paragrafı olan diğer birçok siteden farklı olarak, bu web sitesi Landlord Assured'ın çekici özelliklerini dikey olarak listeler.

Bu, onları strese neden olmadan bilgi ileterek okumayı kolaylaştırır. İletişim amaçlı başka bir sarı buton yerine sağ üstte hayalet buton kullanmışlar. Üst çubuktaki zamana duyarlı duyuru, büyük CTA'ya tıklamak ve anında bir değerleme almak için biraz aciliyet sağlar.

2. Rex Evleri

Rex Homes için, web sitesi tasarlanırken kullanıcı deneyimi önemli bir itici faktördü. Kahraman afiş resmi, 4-5 üye için yeterince geniş, güzelce aydınlatılmış bir aile evinin resmidir. Hedef müşterileri genellikle bu boyuttadır.

Başlıklarında, Satılık Evler, Rex ile Sat ve Rex ile Satın Al ve iletişim numaralarını göstermeyi seçtiler. CTA düğmesi “ Kalifiye Olursanız Bakın ” da hızlı bir fare hareketi içinde görüntülenir. Sitenin mobil versiyonunda bu unsurların tümü parmaklarınızın ucunda. Bu özellik, ziyaretçilerin web siteleriyle etkileşime girmesini çok kolaylaştırır.

Ayrıca ziyaretçilerin onlara mesaj göndermesini sağlayan özel bir parlak turuncu düğme vardır. Site, ziyaretçilerin sosyal güveni teşvik eden Facebook sayfalarını kaç kişinin beğendiğini bilmelerini sağlar.

Web sitesi: https://www.rexhomes.com/

3. Toll Brothers Şehir Yaşamı

Web sitelerine giriş yaptığınız an, Toll Brothers City Living sizi New York şehrinin göz kamaştırıcı siluetinin bir video kıyıcı görüntüsü ile karşılıyor! Aynı zamanda dünyanın en temiz ana sayfalarından birine sahiptir.

Toll Brothers City Living bunu üç şekilde başarmıştır:

  • Tüm ilgili ve gerekli gezinme çubuğu öğelerini hamburger tarzı bir menüye yerleştirme.
  • Tüm çubuğun üzerine gelindiğinde duyarlı hale getirme. Bu şekilde fare sitenin en üst bölgesine getirildiğinde hamburger açılır ve içeriğini ortaya çıkarır.
  • Videodaki ufuk çizgisi kadar kısa, öz ve zarif bir başlık ve alt başlık kullanılması.

Estetiğe daha fazla vurgu yapmaları, ziyaretçileri büyülenmiş halde bırakacak ve teklifleri keşfetmek için aşağı kaydırmak veya “ PROJELERİ GÖR ” seçeneğine tıklamaktan başka seçeneği kalmayacak!

Web sitesi: https://www.tollbrotherscityliving.com/

4. Ev Işığı

Home Light Florida, selefinden farklı olarak, ekranın üst kısmındaki içeriğini olabildiğince temiz tutmaya karar verdi. Florida'da bir mahalleyi gösteren kahraman afişi, aslında tüm içeriğin yerleştirildiği arka plandır. Bu içerik sadece basit ama şık bir başlık, evinizi satacak acenteleri bulmak için bir arama alanı ve siteye düzenli bir görünüm kazandıran bir alt başlık içerir.

Arama alanı merkezde olduğundan, ziyaretçiler kendilerini yazmaya mecbur hissedeceklerdir. Ayrıca, üstteki tüm düğmeler aslında açılır menülerdir. Bu aynı zamanda ilk içerikli sayfanın temiz hissine de katkıda bulunur.

İnsanların evlerinin tahmini satış fiyatını iki dakika içinde bulmalarını sağlayan ve ayrıca evlerini önceden onaylanmış nakit alıcılara sunan “ HomeLight Simple Sale” temel özelliği, üst kısımdaki “SATICILAR” düğmesine yerleştirilmiştir.

Web sitesi: https://www.homelight.com/

5. Ajan Bulucum

Potansiyel müşteri yakalamayı site hedefinin merkezinde tutan MyAgentFinder, arama alanını (arama önerileriyle birlikte gelir) ana sayfanın merkezine yerleştirmiştir. Ziyaretçilerin düğmeye dokunmasını isteyen basit bir animasyonlu ok var.

En üstte, ziyaretçinin arama işlevini kullanmasını engelleyen herhangi bir düğme yoktur; en üstteki tek öğe telefon numarasıdır, böylece insanlar dokunarak/tıklayarak hemen arayabilirler. Bu iletişim numarası ayrıca ziyaretçileri potansiyel müşterilere dönüştürmeye yardımcı olur.

Web sitesi: https://www.myagentfinder.com/#/

6. Foxtonlar

Evlerimizi ve mahallelerimizi içgüdüsel olarak barış, sakinlik ve refah ile ilişkilendiririz. Foxtons, İngiltere'nin video arka planı bu içgüdüyü anlatıyor.

Aynı tema, Foxtons'un logoları, CTA ve benzerleri için ana renkler olarak sarı ve yeşili seçmesine neden oldu. Kırmızı kutu ile gösterilen “ Satın Al ” butonu, ziyaretçilerin ev kiralamak istedikleri süreyi seçmelerini sağlayan bir açılır menüye sahiptir.

Tıpkı bu düğme gibi, arama alanı da bölge, posta kodu, okul veya istasyona göre bir ev aramanıza izin vermesi açısından çok işlevlidir. Bu çubuğun hemen üzerinde bulunduğunuz yere, seyahat süresine vb. göre ev bulmanızı sağlayan arama kriterleri bulunur.

Buna ek olarak, bu web sitesi tek satırlık bir alt başlık ve beş binden fazla kişinin incelemelerine dayanan derecelendirmeye sahiptir.

Web sitesi: https://www.foxtons.co.uk/

7. Brookfield Konutu

Hawaii kadar belirgin, canlı ve iç ısıtan bir adada ev almayı planlarken, büyük olasılıkla mavi gökyüzü, yeşil bakımlı alanlar, açık güverte evler ve palmiye ağaçları arıyor olacaksınız.

BrookFieldHawaii'nin web sitelerini ziyaret ettiğinizde size gösterdiği, arzu uyandıran ve sizi Hawaii'deki evler hakkında bilgi için hemen acıktıran şey budur. Böylece sitelerinin sağ üst ve alt köşelerine canlı sohbet ve iletişim amaçlı parlak butonlar yerleştirmişler.

Kolay iletişim özelliğinin yanı sıra, tüm sosyal tanıtıcılarını ve bloglarını, evinizi kolaylaştıran “ Hakkımızda ”, “ Evinizi Bulun ” ve “ Adayla Keşfet ” gibi diğer ilgili düğmelerle birlikte üst kısımdaki bir açılır menüye yerleştirdiler. arama.

Web sitesi: https://www.brookfieldresidential.com/

8. Fisher Emlak

FisherNantucket, mükemmel bir kullanıcı deneyimi sunmak amacıyla çeşitli girişimlerde bulunmuştur.

Bunlardan biri, pazar analitiği, pazar raporları ve son faaliyetler gibi pazarla ilgili bilgileri "Piyasa Bilgileri" etiketli bir açılır menüde bir araya getirmektir. Güzel ve disiplinli estetiğin yanı sıra, sektördeki uzun yıllara dayanan deneyimlerini de ima eder.

Diğer bir unsur ise üst kısımdaki düğme metnidir. Her zamanki "Bize Ulaşın" yerine, kulağa daha çekici gelen ve insanları iletişim kurmaya daha fazla teşvik edecek " Bir Brokerin Bana Ulaşın" yazıyor.

Son fakat en az değil, ana caddenin ve çevredeki bölgenin gerçek zamanlı bir video görüntüsü. Bilgi aktarırken hiçbir şey video kadar dikkat çekmez. Bu gerçeğin önemini anlamış görünüyorlar.

İlk kaydırmadan sonra ziyaretçiler, rahat edebilecekleri minimum ve maksimum fiyatı seçmelerine olanak tanıyan bir mülk arama seçeneği bulacaklar. Bunun altında piyasa faaliyeti bölümü yer almaktadır. Yeşil ve siyah kutularla belirtildiği gibi, özellikler, öne çıkan özelliklerle birlikte duruma göre görüntülenebilir. Her resimde konum ve yatak odası ve banyo sayısı gibi bilgiler bulunur. Ek olarak, resimler tıklanabilir ve ilgili özelliklere yol açar.

Web sitesi: https://fishernantucket.com/

9. JOHN TAYLOR

İlgi çekici bir görünümü korurken değer yaratmak söz konusu olduğunda, JOHN TAYLOR iyi bir iş çıkardı. Web sitelerine giriş yaptıktan sonra ziyaretçiler, görkemli mimariyi ve Alpler ve plaj gibi güzel yerleri gösteren bir video ile karşılanıyor.

Ekranın üst kısmındaki içerik yalnızca satılık ve kiralık emlak bulmak için kullanılabilecek bir arama çubuğuna sahiptir. Üstteki düğmeler, üzerine gelindiğinde duyarlıdır. Bu, açılır menüleri açmak için üzerlerine tıklamanız gerekmediği anlamına gelir. Bu butonlar arasında sağ üstte site dilini seçmenizi sağlayan bir tane var. Bunlar beyaz bir arka plana karşı yerleştirilmiştir, yani dikkati merkezden uzaklaştırmazlar.

Arama çubuğunun sağ ucunun altındaki “ Daha Fazla Seçenek ” düğmesi, aynı sayfada küçük bir kutu açar. Bu pencerede, ilgilendiğiniz mülk türünü, içinde istediğiniz yatak odası sayısını ve rahat edeceğiniz bütçe aralığını seçme seçeneğine sahipsiniz.

Web sitesi: https://www.john-taylor.com/

10. Rezidanslar-Immobilier

Residences-Immobilier, ziyaretçilerini kahraman banner'ında bir video ile karşılamasa da, temiz bir navigasyon çubuğu ile bunu fazlasıyla telafi ediyor. Sol üst ve sağ köşelere küçük yazı tipinde yalnızca beş öğe yerleştirildiğinde, gezinme çubuğu neredeyse saydam hale getirilir. Bu şekilde maksimum kullanıcı dikkati “ MÜLKİYET BUL ” CTA'sına yönlendirilebilir.

Arama çubuğu hakkında konuşalım. CTA'ya tıkladığınızda, aynı sayfada birden fazla kriterin (satın al/kirala/kısa dönem kira, ev/apartman ve konum) olduğu bir arama çubuğu açılır.

Hamburger menüsü, satılık mülkler, kısa süreli kiralamalar, dergi, iletişim seçenekleri gibi ziyaretçiler için birçok önemli seçeneğe sahiptir. Residences-Immobilier lüks mülklerde uzmanlaştığından, site kahraman afiş resimlerini buna göre seçmiştir.

Akdeniz'in nefes kesici resimlerini, ufka bakan uçsuz bucaksız bir yüzme havuzunu ve yeşilliklerle çevrili muhteşem bir lüks evi görebiliriz.

Web sitesi: https://www.residences-immobilier.com/en

11. Etki alanı

Bu listedeki diğerlerinden farklı olarak, Domain estetiğe nispeten daha az önem vermiştir. Bununla birlikte, içeriğin tam baskısında kapsamlı değer sunumu ile bunu telafi etmekten daha fazlasını yaptılar! Aslında bu listede olmalarının nedeni de bu.

Her şeyden önce, konut kredisi verenleri kolayca bulma imkanınız var. Ayrıca, yerinde hesaplayıcıları kullanarak geri ödeme, damga vergisi ve öz sermaye ücretlerini bulabileceksiniz.

Etki alanı ayrıca araştırma materyalleri aracılığıyla bilinçli bir karar vermenizi sağlar. Bunlara tavsiyeler, raporlar, satılan mülkler ve mülk fiyatı tahminleri dahildir. Bunlar, gezinme çubuğundaki "Araştırma" sekmesinde bulunabilir.

Hepsi bu degil. Sitede, şebeke bağlantılarının kurulması, sigorta poliçeleri, ev fiyat kılavuzları ve ev almayı düşündüğünüz semtin profilleri hakkında kaynaklar bulabilirsiniz. Bunlara “Diğer” açılır menüsünden ulaşabilirsiniz.

Büyük yeşil “ Ara ” düğmesinin hemen solundaki “ Filtreler ” başlıklı düğme, tıklandığında bir açılır pencere açmanızı sağlar. Bu pencere, aramanızı daraltmak için bir dizi filtre içerir. Aşağıdaki resimlerde bunlara dikkatlice bakın. Bunlar kesinlikle kullanıcı deneyimini geliştirir ve kendi emlak web sitenizde uygulamaya değer.

Web sitesi: https://www.domain.com.au/

12. Emlak

En iyi emlak web sitelerinin ortak bir temel özelliği vardır. Kullanıcılara türlere, minimum ve maksimum yatak odası sayısına göre bir mülk arama seçeneği sunar. RealEstate.com.au, ziyaretçilerine faydalı olma girişiminde, bu özelliği ve daha fazlasını dahil etti.

RealEstate.com.au'nun rakiplerinden farklı olmasını sağlayan şey, “ Ev Kredileri ” düğmesini web sitesinin ilk sayfasında tutmuş olmasıdır. Alt başlık da ilgi çekici! Ziyaretçiler tanıdıkları kişilerden kredi alabileceklerini gördüklerinde daha fazlasını öğrenmek isterler!

Özellik değerine göre arama seçeneği de vardır. “ Mülk değeri ” sekmesine tıklandığında, arka plan banliyölerde güzel bir beyaz eve dönüşür. Arama sonuçları sadece listelenen evleri değil, aynı zamanda grafiksel verileri de içerir.

Son olarak, RealEstate.com.au, ziyaretçilerin oda arkadaşı ve kiralık oda aramasına olanak tanır; “ Paylaş ” butonu insanları ilgili sayfaya götürür.

Gördüğünüz gibi, arka plan resmini seçerken büyük özen göstermişler. Bu resim dostluktan, paylaşımdan ve eğlenceden bahsediyor; hepsi oda arkadaşına sahip olmakla ilgili.

Web sitesi: https://www.realestate.com.au/buy

13. Tommy'nin Emlak

Bir ev satın almaya veya kiralamaya karar verirken, çoğu insan için kilit faktör, söz konusu mülkün işyerine olan uzaklığıdır. Bunu akılda tutarak, Tommy's, web sitelerinin orta konumuna, ziyaretçilerinin ev ararken ofislerinin konumunu seçmelerine olanak tanıyan bir açılır menü düğmesi yerleştirdi.

Ana sayfa arka plan seçimi de muhteşem! Seçtikleri tüm resimler, insanların kendi evlerinden bekledikleri aile eğlencesini ve mutluluğunu anlatıyor.

Ek olarak, değerli ziyaretçilerinin daha fazla sayıda arama kriterine erişmesi için düğmeyi de yerleştirdiler. Tıklandığında, kullanıcıyı aynı sayfada tutarken bir pencere açılır.

Bu pencere, arama kolaylığı için daha fazla filtreyle açılır. Bu filtreler arasında şehir, banliyö, mülk türü, minimum ve maksimum fiyat, yatak odası ve banyo sayısı vb.

Web sitelerinde bahsetmeye değer öğelerden biri, oldukça görünür olan “ ÜCRETSİZ DEĞERLENDİRME REZERVASYONU YAPIN ” düğmesidir; beyaz bir arka plana karşı yeşil olduğu için göze çarpıyor. Bu muhtemelen yüksek dönüşüm oranlarının arkasındaki nedenlerden biridir.

Web sitesi: https://www.tommys.co.nz/

14. Ev Gibi

Kıskanılacak düzeyde kullanışlılık sağlayan büyüleyici bir web sitesi örneği istiyorsanız, The Home Like'ı ziyaret etmek isteyeceksiniz. Arka planda, rahatlık ve zevk duygusu taşıyan temiz bir stüdyo daire görülüyor. Ayrıca, ortadaki arama çubuğunun altında dokuz tıklanabilir şehir düğmesi vardır.

Tıklandığında, bu düğmeler kullanıcıları bir harita üzerinde mülklerin listelendiği ayrı bir sayfaya götürür. Kullanıcı deneyimini bir adım daha geliştirmek için, ziyaretçilerin yukarıdaki resimde bulunan tek tıklamayla iletişim kurmasını mümkün hale getirdiler.

Diğer bir özellik ise, şehir adlarının ortadaki alt başlıkta animasyonlu olarak yazılmasıdır. İnsanlar doğal olarak dikkatlerini buraya odaklayacaklardır. Kullanıcı etkileşimini artırmanın basit ama zarif bir yolu!

Ana sayfadaki arama butonunun hemen solunda, tıklandığında bir takvim çıkaran “ Taşıma tarihi ” alanı olduğunu belirtmek gerekir. Bu, taşınmak için acele eden insanlar için çok faydalıdır.

İlk ekranın altında, hizmetlerinin temel özelliklerini görebiliriz, bu da onlara güvenmeyi çok daha kolay hale getirir!

Web sitesi: https://www.thehomelike.com/

15. Verde Real State

Bir resim bin kelime konuşuyorsa, bir video kaç kelime konuşur? Verde Real State, kahraman afişi bölümüne uzun dikdörtgen yüzme havuzlu muhteşem bir evin videosunu yerleştirdi. Aynı zamanda yüzen bir kadını, muhteşem bir odayı ve aralarında harika bir ev dekoru gösterir.

Bu videoda ziyaretçiler bir evde isteyebilecekleri her şeyi görebilecekler. Kullanıcılara bu sitede benzer evler bulma konusunda ilham veren bir “vay” faktörü var.

Gezinme çubuğunda, kullanıcıların iletişim kurmasına izin veren düğmeler de vardır.
Skype veya telefon aracılığıyla Verde Real State. Sol altta ayrıca “ canlı sohbet ” düğmesi vardır, bu nedenle kullanıcıların herhangi bir sorusu varsa, Verde Real State'deki kişiler sadece bir tık ötede.

Siteyi daha kullanışlı hale getirmek için, büyük yeşil arama düğmesinin solunda, insanların merkezi ısıtma, soğutma, spor salonu sosyal kulübü, yüzme havuzları vb. açık, aşağıdaki resimde gösterildiği gibi.

Web sitesi: https://verderealestate.eu/

16. HAR

HAR, web sitelerine değer katmaya çalışmanın yanı sıra estetiğe de büyük önem vermiştir. Ana sayfadaki parlak ışıklı bungalov, enfes lezzetlerinin kanıtıdır!

Bu da yetmezmiş gibi, ziyaretçilerin araba sürelerine, okul yerlerine ve bilgilere ek olarak satış/kiralama seçenekleri, minimum ve maksimum fiyat ve bir dizi yatak odası ve banyoya göre ev arama seçeneği var.

Kullanıcı deneyimini sektördeki diğerlerinin üzerine çıkarmak için, “ Daha Fazla Filtre ” düğmesi, ziyaretçileri mimari stil, mülk boyutu ve garajların sayısı ve türünü içeren kapsamlı bir arama kriteri listesiyle başka bir sayfaya götürür.

Ayrıca aşağıdaki resimlerde gösterildiği gibi medya odası, spa, sprinkler, tekerlekli sandalye erişimi, çalışma odası, özel havuz ve diğerleri gibi olanakları seçmenize olanak tanır.

Web sitesi: https://www.har.com/

Çözüm

Her niş benzersizdir, tıpkı her insanın benzersiz olduğu gibi. Bu makaledeki web sitesi örnekleri tam olarak kopyalanmamalıdır; bölgenizdeki insanlar hakkında sahip olduğunuz verilere dayanarak, web sitenizi onların tercihleriyle uyumlu olacak şekilde özelleştirebilirsiniz.

Unutmayın, uzun vadeli bir oyuncu olmak istiyorsanız müşterilerinizle iyi ilişkiler kurmak her zaman önemli olacaktır; web siteniz bunda çok önemli bir rol oynuyor, bu nedenle bu tür ilişkileri kolaylaştıran bir web sitesi oluşturmak için önlemler alın. Ve başarınızın meyvesinin tadını çıkarın!