Dosya No. EP-2026-01 · Yayında
Müşteri — Edvero Partners, Lda
Kapsam — Marka, UI/UX, İçerik, CRO, SEO

Bir gayrimenkul ve emlak danışmanı web sitesi nasıl inşa edilir.

Portekiz’de bağımsız gayrimenkul yatırım danışmanlığı yapan Edvero Partners için; marka temelinden dönüşüm mekaniklerine, metin stratejisinden görsel yön kararlarına kadar sitenin arkasındaki kararların dökümü. Buradaki mantık gayrimenkule özgü değil — güvenin sonuçla değil süreçle kurulduğu her danışmanlık ve profesyonel hizmet markasına aynı şekilde uygulanır: hukuk, mali müşavirlik, finansal danışmanlık, B2B uzmanlık hizmetleri.

Marka & Tasarım SistemiDanışmanlık & Profesyonel HizmetlerNext.js · App RouterCopywritingCRO & Lead Magneti18n (EN/TR)Teknik SEO
01 Özet

Emlakçının anlattığı hikâyeye değil, dosyaya güvenen bir marka.

Edvero Partners, Portekiz’de gayrimenkul yatırımı yapmak isteyen uluslararası yatırımcılar için satıcı tarafında değil, alıcı tarafında duran bağımsız bir danışmanlık firması. Kurucular Inna Statova ve José Gaspar — biri Portekiz emlak piyasasında, diğeri 20 yılı aşkın hukuk ve işlem deneyiminde. İşin özü basit: emlakçı satmak için konuşur, Edvero incelemek için çalışır.

Bu konumlandırmanın site tasarımına tek bir doğrudan sonucu var: sitenin hiçbir yerinde satış baskısı hissettirmemesi gerekiyordu. Ne sayaç, ne “sınırlı fırsat”, ne de ödünç alınmış güven (sahte yorum, stok fotoğraf testimonial). Aşağıdaki on bir bölüm, bu tek cümlenin markadan koda, metinden dönüşüm mekaniklerine kadar nasıl uygulandığının kaydı.

Edvero Partners anasayfa hero görseli — kurucular bir mülk dosyasını incelerken
EXHIBIT 01edveropartners.com/en — hero
02 Marka Temeli & Tasarım Sistemi

Emlak sektörünün iki klişesinden de uzak durmak.

Tasarım sistemi tek bir kısıtla başladı: emlak sektörünün iki klişesinden de uzak durmak. Ne geleneksel emlakçı enerjisi (altın sarısı, yat, “hayalinizdeki ev”), ne de jenerik SaaS şablonu. Ortaya çıkan palet aydınlık ama abartısız, sıcak ama turuncuya kaçmayan bir palet. Yanına tek bir imza şekli: üç iç içe halka ve bir onay işareti — “kontrol edilmiş” fikrinin görsel karşılığı.

Chalk#faf6f0
Zemin
Forest#2d3e35
Birincil
Limestone#ede5db
Yüzey
Gold#c9a24b
Vurgu / CTA
Clay#b86b5a
Odak halkası
Olive#8a8970
Motif

Tipografi

Başlıklarda Libre Bodoni — klasik, güven veren bir serif; noter dairesi kadar ciddi, broşür kadar değil. Gövde metinde Public Sans. İkisi de next/font/google ile self-host edilip display: swap ile yükleniyor: üçüncü parti font isteği yok, CLS riski yok.

Neden testimonial yok? Edvero yeni bir firma; ödünç alınmış sonuç kanıtı (müşteri yorumu, uydurma “vaka çalışması”) üretmek dürüst olmazdı. Bunun yerine VerifyPanel bileşeni “yöntem kanıtı” sunuyor: yedi maddelik somut bir değerlendirme listesi. Güveni sonuçla değil, süreçle kazanıyoruz.

03 Tasarım İlkeleri

Brifte neyin yasak olduğu, ne istendiğinden daha çok yol gösterdi.

Proje bir marka brifi (PRODUCT.md) ve bir tasarım sistemi dokümanıyla (DESIGN.md) başladı — kod yazılmadan önce hangi görsel dilin yasak olduğu netleştirildi. Bu, danışmanlık ve profesyonel hizmet markalarında genelde atlanan ama en çok fark yaratan adım.

Neye benzemeyeceğimiz

Marka brifi, ne olunmayacağını dört maddede kilitledi: geleneksel emlakçı enerjisi yok, altın-yat-lüks görseli yok, turistik Portekiz klişesi yok (pastel sokaklar, tramvay, fado), jenerik SaaS şablonu yok. Bu dört kısıt tasarım kararlarının büyük bölümünü baştan eledi; kalan tartışma gerçekten tartışılması gereken azınlığa odaklanabildi.

Erişilebilirlik, sonradan eklenen değil, brifte olan bir gereklilik

Kontrast & Hareket
  • WCAG AA kontrast hedefi — bu yüzden ham olive (3.3:1) ve clay (3.7:1) yerine metinde olive-ink / danger varyantları kullanılıyor.
  • prefers-reduced-motion: hareket tamamen kapatılmıyor, yalnızca taşıyan özellikler (transform) devre dışı kalıyor; opacity ve renk geçişleri kalıyor.
Dokunma & Yapı
  • Tüm etkileşimli öğelerde minimum 44px dokunma hedefi.
  • Sayfa JS olmadan da tam okunabilir: giriş animasyonları CSS “at-rest” durumundan başlıyor, GSAP yalnızca zenginleştiriyor. JS başarısız olursa içerik yine görünür kalıyor.

Danışmanlık markalarına aktarılabilir ders: “Ne olmayacağız” listesi, “ne olacağız” listesinden daha hızlı hizalanır — özellikle birden fazla paydaşın (burada kurucu ortaklar Inna ve José) fikir ayrılığına düştüğü erken aşamada.

04 Anasayfa Mimarisi & CRO Mantığı

Tek bir dönüşüm eylemi, on iki bölüm boyunca hiç değişmeden.

Sitenin tamamında tek bir dönüşüm eylemi var: WhatsApp üzerinden ücretsiz görüşme. Form yok, telefon araması yok, “demo talep et” yok — hepsi tek kanala akıyor. Bu yüzden navigasyon çubuğunun kendisi, her viewport’ta erişilebilir kalan kalıcı CTA görevi görüyor; hamburger menünün arkasına gizlenmiyor.

00
Nav
Kalıcı CTA — her breakpoint’te görünür
01
Hero
Birincil CTA + kurucu kimlik bilgileri (üstte tek kanıt katmanı)
02
Yaklaşım
CTA yok — “biz inceleriz, siz karar verirsiniz”
03
Süreç (5 adım)
CTA yok — akordeon
04
Strateji Kartları
CTA yok — Gelir / Değer Artışı / Dengeli
05
Portekiz
CTA yok — kanıt panosu
06
Güven + Uzman Ağı
Metin bağlantısı — “Get in touch”
07
Deneyim
CTA yok — iki istatistik
08
Hakkımızda
Bağlantı — About sayfasına
09
Kimlerle Çalışırız
CTA yok — kimin uygun olduğunu söyler
10
SSS
CTA yok — itiraz karşılama
11
İletişim
WhatsApp + telefon + e-posta — Birincil CTA

Hero ile kapanış bandı arasında bilinçli olarak sadece iki metin-bağlantısı dönüşüm noktası var. Kalan dokuz bölümün işi ikna etmek değil; doğru ziyaretçiyi ayırmak ve güven kurmak. Yüzen WhatsApp butonu ve exit-intent modalı bu akışın üstüne global katman olarak biner.

Süreç bölümü görseli — mülk planları ve maliyet hesabı incelenirken
EXHIBIT 02Süreç — Fırsatın incelenmesi
05 Metin Stratejisi

Vaat değil, çerçeve: “Biz inceleriz, siz karar verirsiniz.”

Marka diline hâkim olan tek cümle bu. Metin, “sizin için en iyi mülkü buluruz” gibi bir vaat yerine bir rol tanımı kuruyor: inceleme Edvero’nun işi, karar yatırımcının hakkı. Bu ayrım SSS bölümünde en net şekilde çalışıyor — itirazları savunmak yerine düz cevaplıyor.

“Would you tell me if you thought a property was a bad investment?”SSS — varsayılan açık soru

Cevap: “Yes. Our role is to assess the opportunity objectively and explain both its strengths and its risks.” Bu soru ve “What if you identify reasons not to buy?” sorusu, dokuz SSS maddesi arasından bilinçli olarak varsayılan açık bırakıldı — çünkü ikna etmesi gereken tam olarak bu ikisi: firma yapısal olarak “almayın” diyebilecek kadar bağımsız.

İkna etmek yerine elemek

“Fit” bölümü klasik bir CRO tekniğini tersine çeviriyor: herkese hitap etmek yerine kiminle çalışmadığını söylüyor. Bu, düşük niyetli trafiği erken eler ve kalan ziyaretçide “bu firma gerçekten seçici” izlenimi bırakır.

EN — İyi uyum

“Investors who want to understand the numbers and investment potential before deciding.”

EN — Uygun değil

“Anyone looking for validation of a decision rather than an objective assessment.”

06 Lead Magnet Stratejisi

Tek soru, tek alan: bir e-posta adresi.

Sitede tek bir form var ve tek bir alan istiyor: e-posta. Karşılığında somut bir varlık teslim ediliyor — Portekiz’de bir mülk alırken kontrol edilen sekiz belgenin (Certidão Permanente, Licença de Utilização vb.) Portekizce adlarını ve neye bakılacağını anlatan tek sayfalık bir PDF. Bu, “bültenimize kaydolun” tuzağından kaçınıyor: teklif, ziyaretçinin o an tam olarak neyle uğraştığıyla — bir mülk değerlendirmesiyle — doğrudan ilgili.

① Teslimat
  • Sunucu tarafı /api/checklist rotası, Resend REST API ile iki e-posta gönderiyor: PDF linki talep edene, bildirim de Edvero’ya (yanıtla-adresi karşılıklı ayarlı).
  • PDF, build zamanında scripts/build-checklist-pdf.mjs ile tek içerik kaynağından (lib/checklist.ts) üretiliyor — içerik ile PDF hiç senkron kaybetmiyor.
② Spam Koruması
  • Görünmez honeypot alanı (company, ekran dışına konumlanmış, aria-hidden) — dolarsa istek sessizce 200 OK dönüyor, bot hiçbir şey öğrenmiyor.
  • Sunucu tarafında ayrıca e-posta formatı ve uzunluk doğrulaması; istemci doğrulamasına güvenilmiyor.

Üç farklı niyet, üç farklı yerleşim

  1. Rehber index sayfasıHenüz araştırma aşamasındaki ziyaretçi için — makale okumadan önce teklif ediliyor.
  2. Rehber makalesi içiİçeriği okuyup ilgilenen ama henüz WhatsApp’a geçmeye hazır olmayan ziyaretçi için — makalenin sonunda.
  3. Exit-intent modalıAyrılmak üzere olan ziyaretçi için — son bir düşük-taahhütlü adım. Detay: Bölüm 07.

Danışmanlık markalarına aktarılabilir ders: Lead magnet, hizmetin kendisinin küçültülmüş bir örneği olduğunda çalışır — “bültene kaydol” değil, “işimizi yaparken kullandığımız gerçek bir aracı görün.” Bir hukuk bürosu için bu bir sözleşme kontrol listesi, bir mali müşavir için bir vergi takvimi olabilir.

07 Mini-Vaka — Exit-Intent

Çıkışı yakalamak, rahatsız etmeden.

Exit-intent modalı çoğu sitede agresif bir kesinti gibi hissettirir. Burada tetikleme mantığı cihaz tipine göre ayrıştırılmış ve bir “katılım eşiği” ile korumaya alınmış — modal, kullanıcı siteyle gerçekten ilgilenmediyse hiç görünmüyor.

① Tetikleyici
  • Masaüstü — mouseout + relatedTarget === null, imleç üst 50px bandına girdiğinde. (mouseleave değil; o, document’a bubble etmiyor.)
  • Mobil — yukarı kaydırma hızı 600px/sn üzerindeyken, ama yalnızca sayfanın %50’si görüldükten sonra.
② Katılım Eşiği
  • 20 saniye sitede kalma, veya
  • %35 scroll derinliği.
  • İkisinden biri sağlanmadan tetikleyici hiç dinlenmiyor.
③ Bastırma
  • Bir kez dönüşüm olduysa (checklist indirildiyse) kalıcı olarak susturulur.
  • Gösterildikten sonra 30 gün soğuma süresi (localStorage).
  • Gizlilik ve şartlar sayfalarında hiç gösterilmez.
  • WhatsApp paneli açıkken veya bir input odaktayken bastırılır.
④ Teklif

Satış konuşması değil, Bölüm 06’da detaylandırılan sekiz belgelik kontrol listesi — “e-posta listesine eklenmezsiniz” notuyla birlikte, güven inşasının bir parçası olarak.

“The list we work through on any Portuguese property. One page. You will not be added to a mailing list.”Exit-intent modal gövde metni
08 Mini-Vaka — WhatsApp Kanalı

Bir link değil, bir ön-görüşme formu.

Yüzen buton sadece wa.me linkine yönlendirmiyor — ziyaretçinin konusunu seçtiği ve iki kısa soruyu yanıtladığı bir mesaj paneli açıyor. Amaç: Edvero’ya ulaşan ilk mesajın zaten faydalı bağlam taşıması.

Yukarıdaki panel, gerçek bileşenin (components/whatsapp-float.tsx) davranışının ve gerçek arayüz metninin birebir yeniden kurgusudur.

Buton ne zaman görünür, ne zaman gizlenir

Buton yalnızca scrollY 320px’i geçtiğinde beliriyor ve alt İletişim bandı görünür alandayken bir IntersectionObserver ile gizleniyor; böylece asla kendi ana CTA’sıyla çakışmıyor. Ofis saatleri (Europe/Lisbon, hafta içi 09–19) canlı olarak “Available now” / “Outside office hours” rozetine dönüşüyor — sunucu ve istemci arasında hydration uyuşmazlığı olmaması için useSyncExternalStore ile.

Bütçeyi taşıyan hesap makinesi

Rehber makalelerindeki maliyet hesaplayıcısı (IMT, damga vergisi, noter, yıllık IMI) girilen tutarı en yakın 50.000 euroya yuvarlayıp WhatsApp mesajına otomatik ekliyor: “The property I am looking at is in the region of €X.” Küçük bir detay, ama ilk mesajın kalitesini doğrudan yükseltiyor.

09 Mini-Vaka — Görsel Yön

Turistik Portekiz’den, incelenen Portekiz’e.

İlk yerleşimde strateji bölümü karanlık, dramatik tonlu fotoğraflar kullanıyordu — görsel olarak çekici ama markanın “aydınlık, şeffaf, karartısız” ilkesiyle çelişiyordu. Revizyon, aynı Portekiz’i — çini (azulejo) cepheli, gün ışığı alan sokakları — markanın kendi ışık diliyle gösterdi.

Önce
Önceki görsel — gölgeli, düşük kontrastlı bir Portekiz sokağı
Sonra
Yeni görsel — aydınlık, azulejo çini cepheli Portekiz binaları

“Gelir” strateji kartı, aynı anasayfa bölümünün önce ve sonra hâli. Karar tek satırda özetlenebilir: marka önce ışığı seçer, sonra dramatik olanı.

Format kararı

Yeni görsel seti doğrudan .webp olarak üretildi; next.config.mjs zaten AVIF/WebP’yi varsayılan yeniden kodlama formatı olarak ayarlamıştı, bu da fark yaratmayan dosyaları elemek anlamına geliyordu. Her görsel next/image üzerinden fill ve açık sizes ile, gerekli yerlerde özel object-position ile (örneğin “62% 50%”) kırpılıyor — konu kadraj dışında kalmasın diye.

Portekiz bölümü — bina ve durum görseli
EXHIBIT 03Portekiz — Bina & Durum
10 Teknik SEO

Her dil için gerçek URL, tek bir kalıp değil.

İki dil (varsayılan İngilizce, yanında Türkçe) ayrı adres yapılarına bölündü — ama sadece başa /tr/ eklenerek değil: her sayfanın adresi kendi dilinde gerçek bir kelime taşıyor. Rehber sayfası İngilizce’de /en/guide, Türkçe’de /tr/rehber; Hakkımızda /en/about ile /tr/hakkinda.

Teknik SEO
AlanUygulama
URL yapısıLocale segmenti + dile özgü slug (/tr/rehber/[slug]); eski slug’lar 301 ile yönlendiriliyor
hreflangHer sayfa alternates.languages ve x-default yayınlıyor
JSON-LDProfessionalService (tüm sayfalar), FAQPage (anasayfa), Article + BreadcrumbList (rehber makaleleri)
SitemapÖncelik ağırlıklı — anasayfa 1.0/0.9, rehber 0.7–0.8, yasal sayfalar 0.2
OG görselleriLocale başına ayrı kart (og-home-en.jpg / og-home-tr.jpg), rehber için ortak kart
Güvenlik başlıklarıHSTS, X-Content-Type-Options, Referrer-Policy, X-Frame-Options, Permissions-Policy
edveropartners.com Open Graph paylaşım kartı
EXHIBIT 04OG kart — /en
11 Bugün ve Sırada

Canlı, ve hâlâ yazılıyor.

Site şu anda edveropartners.com adresinde yayında. Çalışma tek seferlik bir teslimat değil, sürüyor: görsel yön yakın zamanda güncellendi, uzman ağı ve IMPIC lisans güven sinyali eklendi, varsayılan dil TR’den EN’e alındı — her biri canlı kullanıcı davranışına göre ayarlanan yaşayan bir markanın parçaları.

Buradaki on bir bölümün hiçbiri “gayrimenkul sitesi” bilgisi gerektirmiyor. Bir hukuk bürosu, bir mali müşavirlik, bir yönetim danışmanlığı ya da B2B uzmanlık hizmeti için de aynı çerçeve geçerli: neye benzemeyeceğini baştan söyleyen bir tasarım brifi, tek bir dönüşüm kanalı, ödünç alınmamış güven ve hizmetin kendisini önizleten bir lead magnet. Değişen sadece kelime dağarcığı ve belge listesi.

Bu sayfada performans metriği yok — çalışma sürüyor ve site yeni, dolayısıyla yayımlanacak dürüst bir öncesi/sonrası trafik rakamı henüz oluşmadı. Yayımlanan şey karar kaydı.

Benzer bir markayı doğru kararlarla inşa etmek ister misiniz?

Canlı siteyi görün →

Aynı çerçeveyi kendi markanıza uygulayalım

Danışmanlık, hukuk, mali müşavirlik ya da B2B uzmanlık hizmeti — güvenin süreçle kurulduğu her markada aynı yöntem çalışır. Nereden başlayacağınızı konuşalım.