Case study · Web design și development · Grecia

Ela Home

Patru case pe o insulă grecească, în opt limbi

Έλα înseamnă vino. La Kypseli, pe latura liniștită a insulei Zakynthos, se ridică patru vile cu piscină privată — iar cumpărătorul lor nu e pe insulă: e la Atena, București, Milano, München, Lyon, Budapesta, Hanoi. Nu există o vitrină de agenție pe lângă care să treacă. Site-ul e tot: showroom, broșură și prima întâlnire. Și trebuia să facă asta în fiecare dintre acele limbi, fără să sune vreodată a traducere. Așa că l-am construit: brand, texte, randări, un motor de date despre investiție cu grafice scrise de mână și o linie de build care generează patruzeci și opt de pagini și se oprește în clipa în care un singur șir de text rămâne netradus.

elahome.gr — site-ul multilingv proiectat și dezvoltat de Cittago pentru Ela Home, pe desktop și mobil
Client
Ela Home — Kypseli, Zakynthos
Tip
Web design & development
Locație
Zakynthos, Grecia
Platformă
Site static scris de mână · Cloudflare Pages
Live
elahome.gr ↗

Imaginea

Ionian Olive

Imobiliarele grecești online sunt o mare de degradeuri turcoaz și casete albe cu umbră. Am mers în direcția opusă — culorile pe care le vezi cu adevărat stând pe dealul acela: hârtie decolorată, nisip și verdele-cenușiu al unei livezi de măslini în august. Blocate ca sistem înainte să fie desenată o singură pagină, ca nimic din site să nu fie decis de două ori.

Hârtie#F7F2E7Pagina însăși
Nisip#EFE8D7Benzi colorate, carduri
Măsliniu deschis#B6C599Accente pe fundal închis
Măsliniu#5F6F46Butoane, linkuri, grafice
Măsliniu profund#4D5A38Accent, cerneala graficelor
Cerneală#232719Titluri, secțiuni închise

O perspectivă nouă

FrauncesDisplay — titluri, cifre, siguranță fără să arăți prețul

asupra investiției și a stilului de viață.

Fraunces ItalicSingurul ornament din tot sistemul, folosit o dată pe ecran

Nu-ți mai rezerva verile — începe să te întorci acasă în ele.

InterText și interfață — latin, latin extins, greacă și vietnameză, din start

Μια νέα ματιά

→ Noto Serif DisplayTitluri în greacă. Fraunces nu are deloc greacă, așa că stiva cade caracter cu caracter — iar rândul acesta chiar este acel fallback, pe viu

Douăsprezece fișiere woff2, 535 KB pe disc, fiecare cu propriul unicode-range — astfel încât cine citește pagina în germană nu descarcă niciun octet de greacă sau vietnameză. Fontul de brand supraviețuiește în șapte limbi din opt; doar greaca substituie, și substituie cu cea mai apropiată potrivire ca și contrast și caracter display dintre cele douăzeci și șapte de familii Google cu acoperire completă.

Provocarea

Patru case, niciun showroom și un cumpărător la două mii de kilometri distanță.

Un proiect boutique e cel mai greu tip de imobil de vândut online. Nu există stoc de răsfoit și nu există a doua șansă — patru case, un preț per casă și o decizie care valorează o bună parte din economiile cuiva. Cumpărătorul nu poate călca pe teren, nu poate bea o cafea cu dezvoltatorul și are toate motivele să fie sceptic față de o investiție pe o insulă grecească prezentată într-o limbă care nu e a lui.

Și nu urma să vină niciodată într-o singură limbă. Cererea realistă pentru o casă în Zakynthos acoperă Grecia însăși, România, Italia, Germania, Franța, Ungaria și diaspora vietnameză — șapte piețe plus engleza, iar fiecare are nevoie ca site-ul să sune scris pentru ea, nu trecut printr-o mașinărie. Dacă faci asta prost, pierzi vânzarea în primele zece secunde. Dacă o faci de mână pe opt limbi și șase pagini, ajungi cu patruzeci și opt de fișiere pe care nimeni nu le mai poate ține sincronizate.

Peste toate astea: cifrele. Oricine cântărește o achiziție de șase cifre în străinătate pune aceleași trei întrebări — chiar vine lumea, cât poate să producă și e Grecia un loc sănătos în care să pui bani. Răspunsul cu adjective nu valorează nimic. Trebuia răspuns cu date citate, pe care vizitatorul să le poată verifica singur.

Ansamblul Ela Home văzut dinspre drumul de acces — patru piscine, zid de sprijin din piatră, terase de măslini
Ansamblul Ela Home văzut dinspre drumul de acces — patru piscine, zid de sprijin din piatră, terase de măslini
Interiorul uneia dintre vile — living open-space și curtea dincolo de vitrine
Interiorul uneia dintre vile — living open-space și curtea dincolo de vitrine

Ce am construit

O broșură care gândește, o cameră de date care dovedește, o linie de build care le ține pe amândouă cinstite

Am dus proiectul de la un teanc de planuri fără nume la un brand viu: numele Ela Home și logotipul ΕΛΑ, paleta Ionian Olive, textele integral, selecția și ordinea randărilor, plus site-ul în sine — HTML, CSS și JavaScript scrise de mână, fără framework, fără page builder și fără bibliotecă de grafice, publicat ca fișiere statice pe Cloudflare Pages.

Pagina principală e showroom-ul: ce se construiește, ce conține fiecare casă, cât costă întreținerea, cum urmăresc plățile eșalonate progresul real pe teren și cum ajungi la proprietar. În spatele ei stă Investment Intelligence — o a doua pagină care se comportă ca o cameră de date, cu șase grafice interactive construite pe surse Banca Greciei, ELSTAT, INSETE, Fraport și cercetare academică, fiecare cifră atribuită, iar orice cifră pe care nu am putut-o susține cu o sursă a fost lăsată afară, nu estimată.

Apoi partea pe care n-o vede nimeni: pagina în engleză nu e site-ul, e materia primă. Fiecare pagină e generată în toate cele opt limbi dintr-o singură sursă, de un script care conduce un browser real peste markup — așa că rezultatul e garantat bine format — și care refuză să se termine dacă un singur șir de text, inclusiv etichetele pe care codul graficelor le scrie în timpul rulării, nu a fost tradus.

Vedere aeriană a terenului Ela Home din Kypseli, Zakynthos, cu cele patru piscine private

Vedere aeriană a terenului Ela Home din Kypseli, Zakynthos, cu cele patru piscine private

Produsul

Ce se uită cumpărătorul de fapt

Randări de arhitectură și fotografie cu drona a terenului real, potrivite cromatic cu paleta și așezate în ordinea în care vizitatorul le cere: unde e, cum arată dinspre drum, cum e să locuiești acolo.

Randare de arhitectură a celor patru vile Ela Home cu piscine private, Kypseli, Zakynthos
Cele patru vile, fiecare cu piscină și curte proprie
Vedere aeriană a terenului Ela Home din Zakynthos, livezi de măslini și drumul satului
Terenul din aer — terase de măslini, drumul satului, marea dincolo
Randare a zonei de zi Ela Home
Living, dining și bucătărie open-space la parter
Randare a unui dormitor Ela Home
Dormitor la etaj, lemn și in
Randare a bucătăriei Ela Home
Bucătăria, complet echipată
Randare a unei băi Ela Home
Baia de la parter

Randările și fotografiile de șantier sunt furnizate de dezvoltator; selecția, tratamentul cromatic, decupajele și ordinea aparțin Cittago.

În practică

Ce a acoperit proiectul

01

Brand și naming

De la „Armonia Summer House” la Ela Home — grecescul έλα, vino — cu logotipul ΕΛΑ, paleta Ionian Olive blocată și un sistem tipografic care rezistă în opt alfabete.

02

Textele, integral

Fiecare cuvânt din site, scris pentru un cumpărător străin și sceptic: ce primești, cât costă întreținerea, cât ar putea produce, ce anume nu este. Apoi localizat în alte șapte limbi.

03

Design și front-end

HTML, CSS și JavaScript scrise de mână. Fără framework, fără page builder, fără bibliotecă de grafice, fără plugin de cookie-uri — fiecare kilobyte din pagină e acolo pentru că l-am pus noi.

04

Motorul de date

Șase instrumente SVG interactive și un model de randament viu, construite pe surse primare, cu o notă de metodologie și o regulă fixă: dacă nu are sursă, nu intră.

Mai de aproape

Site-ul, pagină cu pagină

Șase momente din elahome.gr live — același build, în limba vizitatorului, pe dispozitivul vizitatorului.

Hero-ul paginii principale elahome.gr
Home — citirea de trei secunde, înainte de orice scroll
Secțiunea de galerie de pe elahome.gr
Galerie — randările, pe toată lățimea
Secțiunea de case și specificații de pe elahome.gr
Casele — specificații, opțiuni, ce e inclus
Secțiunea despre insulă de pe elahome.gr
Insula — de ce Zakynthos și de ce partea asta a ei
Graficul sosirilor de pe pagina investment intelligence a elahome.gr
Investment Intelligence — sosirile, cu sursă și desenate
Graficul risc-randament de pe elahome.gr
Risc versus randament, pe un control segmentat

Construcția

Fără framework, fără builder, fără biblioteci

Un site-broșură are o singură treabă: să se încarce instantaneu pe un telefon într-un sat grecesc cu două liniuțe de semnal și să rămână online fără mentenanță. Fiecare decizie tehnică de aici decurge din asta.

01

Static, scris de mână

HTML, CSS și JavaScript simplu, scrise direct. Fără React, fără WordPress, fără page builder — nimic de actualizat, nimic de spart, nimic care să expire.

02

Cloudflare Pages

Publicat pe o rețea edge globală, cu domeniul propriu și varianta www. Cost de găzduire: zero. Uptime: nu mai e problema noastră.

03

Fonturi self-hosted

Douăsprezece woff2 servite de pe același domeniu, fiecare cu unicode-range. Niciun request către Google Fonts, niciun terț în calea critică, nicio întrebare de consimțământ de pus.

04

Grafice SVG, de mână

Fiecare grafic e SVG generat în vreo două sute de linii de JavaScript. O bibliotecă de grafice ar fi costat mai mulți kiloocteți decât tot restul paginii la un loc.

05

Un 404 adevărat

Pages returna pagina principală cu status 200 pentru orice URL greșit — un soft 404 care otrăvește discret indexarea. Un 404.html real a rezolvat.

06

Fișiere pentru mașini

robots.txt, un llms.txt scris în proză pentru agenții AI în loc de markup, și un sitemap.xml cu alternate xhtml:link complete pentru toate cele opt limbi.

07

Consimțământ fără plugin

Banner de cookie-uri și pagină de cookie-uri scrise de noi — pentru că site-ul nu setează nimic care să necesite consimțământ, iar un plugin ar fi cântărit mai mult decât onestitatea.

08

Reduced-motion respectat

Fiecare apariție, numărătoare, desenare de grafic și glisare de slider verifică prefers-reduced-motion și se oprește dacă vizitatorul a cerut asta.

09

Pagină de preț nelistată

Prețul stă pe o pagină separată, nelinkată de nicăieri, absentă din sitemap, dată de la om la om. Suficient de publică cât s-o trimiți, suficient de privată cât să nu fie indexată.

Partea grea

Opt limbi, patruzeci și opt de pagini, o singură sursă de adevăr

Să traduci un site o dată e ușor. Problema e să-l ții tradus: în clipa în care cineva schimbă un titlu în engleză, alte șapte pagini devin discret greșite. De aceea versiunile lingvistice nu se întrețin. Se generează — iar build-ul refuză să se termine dacă a rămas ceva pe dinafară.

  • enEnglish/
  • elΕλληνικά/el/
  • roRomână/ro/
  • itItaliano/it/
  • deDeutsch/de/
  • frFrançais/fr/
  • huMagyar/hu/
  • viTiếng Việt/vi/
  1. 01

    O singură sursă engleză

    Paginile în engleză nu sunt site-ul, sunt materia primă. Engleza e o limbă-țintă ca oricare alta, deci nu poate fi în același timp și lucrul pe care îl editezi pe loc.

  2. 02

    Șiruri, extrase

    Un walker scoate din markup fiecare unitate traductibilă și o pune în JSON, câte un fișier per limbă. Traducătorii văd șiruri, niciodată HTML, și nu pot strica un tag nici dacă vor.

  3. 03

    Injectate de un browser

    Generatorul conduce Chrome headless peste pagini și modifică DOM-ul. O trecere cu expresii regulate peste 70 KB de HTML ar produce gunoi cu aspect plauzibil; un browser garantează că rezultatul se parsează.

  4. 04

    Verificate, apoi măturate

    O poartă structurală compară fiecare pagină generată cu arborele sursă, apoi o a doua trecere cu browser încarcă toate cele patruzeci și opt și raportează erori în consolă, imagini rupte și overflow orizontal.

Versiunea în greacă a elahome.gr, cu selectorul celor opt limbi deschis
Build-ul în greacă, cu toate cele opt limbi la un clic

Există chiar și un detector pentru defectul opus: un script randează toate cele opt versiuni și raportează fiecare nod de text identic la nivel de octet în tot setul. Ce a schimbat o limbă e alegerea acelei limbi; ce n-a schimbat nimeni n-a fost tradus niciodată. După build-ul actual supraviețuiesc doar nume de brand, adrese de e-mail și titlul unei lucrări academice citate — ceea ce e corect.

Motorul de date

Trei instrumente, reconstruite aici

Investment Intelligence e pagina care închide distanța dintre „case frumoase” și „decizie apărabilă”. Răspunde la cele trei întrebări pe care un cumpărător străin le pune de fapt — vine lumea, cât poate produce, e Grecia o alegere sănătoasă — și răspunde cu grafice pe care le poți interoga, nu cu poze de grafice. Acestea trei sunt aceleași instrumente, reconstruite în pagina asta pe aceleași date: ca să le folosești, nu să citești despre ele.

01

Chiar vine lumea?

Traficul de pasageri prin aeroportul Zakynthos e cea mai curată măsură a cererii la nivel de insulă. S-a prăbușit cu 76% în 2020, a depășit din nou vârful din 2019 până în 2022 și a stabilit recordul absolut în 2025. Un grafic cu arie face forma asta lizibilă într-o secundă — și în ea stă tot argumentul pentru o casă de închiriat pe insula asta.

2.282.7742025 · record absolut
2.223.0112024 · 95% internațional
~98%din trafic, mai–octombrie

Aeroportul Zakynthos / Fraport Greece

0.0M0.6M1.2M1.8M2.4M’17’18’19’20’21’22’23’24’25record absolut
02

Cât poate produce?

Răspunsul onest e „depinde”, așa că în loc să afirmăm un număr am construit chiar dependența. Trage de scenariu: gradul de ocupare, tariful pe noapte și nopțile închiriabile se mișcă împreună, iar venitul brut, costurile de operare și venitul net se redesenează. Fiindcă cererea se concentrează între mai și octombrie, modelul vinde 130–150 de nopți, nu 365. Încearcă-l.

36–45k €venit brut
18–24k €venit net
~7–9%randament net

AirDNA · AirROI · Airbtics (modelat) — orientativ, nu o garanție

€41kVenit brut−€20kCosturi de operare€21kVenit net
ScenariuEchilibrat
ConservatorEchilibratOptimist
Grad de ocupare 62%Tarif pe noapte €248Nopți închiriabile 140Randament net 8,2%
03

E Grecia o alegere sănătoasă?

Ăsta e o lecție despre cum să nu minți cu un grafic adevărat. Creșterea prețurilor locuințelor în Grecia a încetinit între 2023 și 2025: dacă desenezi rata anuală, o piață care a urcat în fiecare an arată ca și cum ar cădea. Așa că am desenat nivelul: aceleași date ale Băncii Greciei, compuse pe bază 2022. Aceleași cifre, impresie opusă — și doar una dintre cele două e onestă.

+34,2%cumulat, 2022 → 2025
~7%randament real imobiliar / an, 1870–2015
½din volatilitatea acțiunilor

Banca Greciei · Jordà et al. (NBER/QJE)

10011012013014020221002023113.92024124.32025134.2

Reconstruite pentru pagina asta din cifrele publicate de client. Modelul de randament nu conține niciun preț de achiziție — acea cifră e nelistată și se dă la cerere — așa că randamentul net e interpolat între cele două capete publicate. Fiecare număr de mai sus e al clientului, cu sursă pe pagina lui; nimic nu a fost inventat pentru acest case study, iar cifrele de închiriere modelate sunt intervale orientative, nu garanții.

Suprafața de conversie

Niciun formular. Intenționat.

Site-ul ăsta nu are formular de contact, nici cont, nici login, nici plăți, nici newsletter. Fiecare solicitare pleacă drept e-mail, mesaj WhatsApp sau telefon, direct către dezvoltator. Nu e o scurtătură: e proiectarea corectă pentru un ansamblu de patru unități, iar blocul de contact e construit exact în jurul ei.

Secțiunea de contact de pe elahome.gr — e-mail, WhatsApp, telefon, indicator de program live și convertor de fus orar
Blocul de contact, live — inclusiv indicatorul deschis/închis
  1. 01

    Spune ce primești, înainte să scrii

    Broșura, planurile, graficul de plăți, disponibilitatea curentă pe cele patru case și un apel sau o vizionare privată pe insulă. Vizitatorul știe exact ce îi cumpără un e-mail — și tocmai de asta îl trimite.

  2. 02

    WhatsApp primul, și scris ca atare

    Un cumpărător din București sau München nu deschide clientul de e-mail pentru un prim contact. WhatsApp e oferit primul și marcat deschis „de obicei cel mai rapid”, și se repetă într-un widget flotant care îl însoțește pe vizitator pe toate paginile.

  3. 03

    Un indicator de program live

    Blocul calculează în browser programul de la Atena și arată, chiar acum, dacă e cineva acolo. „Închis acum · Lun–Vin 10:00–14:00” setează așteptarea, în loc să lase un mesaj să cadă în tăcere.

  4. 04

    Acel program, în ora ta

    O listă căutabilă cu vreo șaptezeci de orașe convertește fereastra din Atena în cea a vizitatorului. Elimină singura frecare care îl face pe un cumpărător străin să amâne telefonul: calculul.

  5. 05

    Un om, nu o firmă

    Dezvoltatorul apare cu nume și rol, în bloc și în widgetul de chat. La un proiect de patru case, omul e credibilitatea, iar ascunderea lui în spatele unei căsuțe generice ar fi însemnat s-o arunci.

  6. 06

    Fiecare rută e un canal real

    mailto:, wa.me și tel: — fără pagină intermediară, fără „mulțumim pentru mesaj”. Pe telefon, o atingere înseamnă un telefon care sună.

De ce lipsa formularului a fost alegerea corectă

Nimic de scursFără formular înseamnă fără bază de date, fără trimiteri de păstrat, fără date personale în repaus — și o suprafață de consimțământ suficient de mică încât s-o descrii într-o singură pagină onestă.
Nimic de stricatFormularele se strică în tăcere. Credențialele SMTP expiră, livrabilitatea putrezește, iar afli abia după ce o lună de solicitări a dispărut. Un link de WhatsApp nu poate să cadă fără să se vadă.
Nimic în calePatru case n-au nevoie de lead scoring. Au nevoie ca omul să vorbească cu dezvoltatorul în primele treizeci de secunde, pe canalul pe care îl are deja deschis.

Ce a ieșit

48

Pagini live, opt limbi, un singur build generat

6

Grafice interactive scrise de mână, zero biblioteci

0

Framework-uri, page buildere și biblioteci de grafice folosite

0 €

Găzduire lunară — fișiere statice pe rețea edge globală

8 luni

De la rezervare la chei, termenul pe care site-ul trebuie să-l vândă

1

Sursă de adevăr — orice altă pagină e generată din ea

Site-ul e complet și live pe elahome.gr în toate cele opt limbi. Momentan poartă o etichetă noindex la cererea clientului, cât timp se finalizează dezvoltarea — paginile sunt construite, verificate și gata, și devin indexabile în clipa în care eticheta aceea dispare. Cifrele comerciale aparțin dezvoltatorului și nu e treaba noastră să le publicăm.

Cum lucrăm

Patru pași, de fiecare dată.

01

Discovery call

Treizeci de minute gratuite ca să înțelegem afacerea, piața și unde se scurg de fapt banii.

02

Strategie personalizată

Un plan construit în jurul singurului indicator care contează — nu un șablon, nu o listă de canale.

03

Implementare

Mâini senior construiesc totul: campanii, pagini, tracking — întreg funnel-ul cablat ca un singur sistem.

04

Monitorizare și optimizare

Urmărim cifrele în fiecare săptămână și tăiem ce nu aduce randament, ca rezultatele să se compună în loc să se stingă.

Un prim pas corect

Vinzi ceva complicat unor oameni care nu sunt prin apropiere?

Treizeci de minute cu un strateg senior, fără scenariu și fără pitch. Ne uităm cum apare afacerea ta online — povestea, dovezile, limbile și felul în care o solicitare ajunge de fapt la tine — și schițăm ce am ascuți primul. Rămâne al tău, indiferent cine îl face.

Cere analiza gratuităFără obligații și fără insistențe după. Dacă nu ne potrivim, pleci cu întrebări mai bune de pus celui care ți se potrivește.

15 ani · 5.0 pe Google · 56 branduri · 11,4× randament mediu pe ads · 6 țări

·Prima afișare — când a apărut ceva·Răspunsul serverului — înainte să se poată încărca ceva·Pagină gata — când ai putut interacționaDetalii viteză