Aasalille Kodud on Elevon Kinnisvara suurim elamuarendus — üle 90 kodu Elva linna piiril, Tartust 22 km kaugusel. Projekt vajas täielikku veebilahendust, mis toimiks nii müügivahendina kui ka arenduse tutvustusportaalina.
Saidi eesmärk oli kolmekordne: esiteks presenteerida arendust atraktiivsel ja usaldusväärsel moel, teiseks anda potentsiaalsetele ostjatele kogu vajalik info — plaanid, hinnad, siseviimistlusvalikud ja asukoht — ning kolmandaks toetada müügiprotsessi broneerimis- ja kontaktvormidega.
Kogu sait on ehitatud TT25 FSE child theme-na algusest lõpuni, kasutades Aasalille brändi visuaalstiili — The Seasons + Proxima Nova fondid, kreemjas-kuldne värvitoon.
REST API
REST API sünkroniseerimine – toodete info edastamine elevon.ee lehele.
Interaktiivne plaanide tabel
Objektide asendiplaanide interaktiivne tabel, et lõpptarbija leiaks mugavamalt sobiva uue kodu.
SEO optimeerimine
Kirjutasime lehtede META-kirjed, tutvustasime veebilehte Google ja Bing otsingumootoritele. Väga suures fookuses lisaks funktsionaalsusele oli ka veebilehe tehniline aspekt.
Tööd ning lahendused
Eritellimus arendused:
- Kohandatud tootekataloog filtritega: aasalille/tooted blokk kuvab WooCommerce tooteid staatuse ja tüübi järgi filtreeritult. Vaikimisi peidetakse müüdud objektid — kuvatakse ainult saadaval ja broneeritud. URL parameetrid (filter_tyyp, filter_staatus) võimaldavad filtreeritud linke otse jagada. saadaval on WordPressi reserveeritud query var — lahendus kasutab prefixiga parameetreid konflikti vältimiseks.
- Interaktiivne korruseplaanitabel: aasalille/plaanid blokk — vasakul sticky korruseplaan, paremal filtreeritav tabel kõigi objektidega. Rea peale hoverdumisel uuendatakse vasakul kuvatav plaan fade-animatsiooniga. Toetab nii kui elemente. Filtrid tüübi ja staatuse järgi, URL parameetritega.
- Üksiku toote leht: aasalille/toode blokk — minihero, split vaade (pilt + lühitabel + hind), galerii slider thumbnailiridaga, täielik detailidtabel, arenduse kirjeldus kategooriast, Leaflet kaart, broneerimis- ja külastusvormi sektsioon.
- Broneerimiskülastuse modal: Eraldi Gravity Forms modal külastuse broneerimiseks — avaneb nupuvajutusega, sulgub ESC või overlay klõpsuga, GF kinnitusel kuvatakse tänusõnum modali sees ilma lehte uuendamata.
- REST API: Elevon.ee sünkronisatsiooniks loodud GET /wp-json/elevon/v1/tooted endpoint — tagastab kõigi objektide andmed JSON formaadis. Autentimine X-Elevon-Key header-iga. Webhook push save_post_product hookil — muudatused kanduvad koheselt elevon.ee-sse.
- Siseviimistluse leht tab-süsteemiga: Kaks vahekaarti — Eramud ja paarismajad (4 paketti) ning Ridaelamud (3 paketti). Iga pakett sisaldab slider galeriid touch-toega, materjalide nimekirja ja PDF lingiga. Tab vahetus reinitsialiseerib uued sliderid automaatselt.
Standardlahendused:
- Platvorm: WordPress FSE ja WooCommerce kinnisvaraobjektide halduseks
- Disain: Kohandatud kujunduslahendus — The Seasons display font, kreemjas-kuldne värvitoon, polaroid-stiilis hero pildid avalehel
- Kaardid: Leaflet.js integratsioon toote asukoha ja ümbruse kuvamiseks, kohandatud kuldse markeriga
- SEO optimeerimine: RankMath seadistus, meta andmed kõigile lehtedele, OG sildid
- Analüütika ja jälgimine — Google Analytics 4, Google Search Console ning Facebook Pixel
- Küpsiste haldus — Hundikuu Consent & Tracking plugin analüütika ja küpsiste jaoks. Google Consent V2 vastavus, GDPR ja AKI nõuete kohane, delayed loading jõudluse optimeerimiseks
- Varukoopiad: rclone + bash backup süsteem Zone.eu serverile
Tulemus
