Vila Etelka: dvojjazyčný web miesta pre svadby, sobáše a oslavy
Vila Etelka
Vila Etelka je historická vila so záhradou v Modre – Harmónii, v podhorí Malých Karpát, necelú polhodinu jazdy z Bratislavy. Prenajíma sa celá — na svadby, sobáše, rodinné oslavy a komorné firemné podujatia. Nie je to hotel: vlastné izby nemá a hostia bývajú v susednom hoteli päťdesiat metrov od brány. Pôvodný web bol statický HTML s jednou PHP stránkou — obsah bol zadrôtovaný priamo v súboroch. Postavili sme nový dvojjazyčný web na Next.js a Sanity, v ktorom obsah nežije v kóde, ale v CMS: texty aj fotografie sa dajú upravovať bez zásahu do kódu a bez nasadzovania novej verzie. Prvý release so všetkými ôsmimi stránkami v slovenčine aj angličtine sme odovzdali za jeden deň, potom nasledovalo päť vĺn klientskych úprav. Celý projekt zabral 13 dní práce s rozpočtom €300.
Dvojjazyčný web miesta pre podujatia + CMS
Typ projektu
Dopyty na svadby, sobáše a oslavy; obsah oddelený od kódu
Hlavný cieľ
€300
Cena tohto projektu
Vybrané obrazovky a vizuály
Vizuálny náhľad projektu ukazuje, ako vyzerá web na rôznych zariadeniach. Responzívny dizajn zabezpečuje perfektné zobrazenie na mobiloch, tabletoch a desktopoch.
Hero s nadtitulkom „V historickom letovisku · Modra — Harmónia“ a butikovou pečiatkou.
Netriviálne úlohy projektu
Postaviť pekné stránky bolo to rýchlejšie — tie stáli deň. Náročnejšie bolo okolie: preniesť do nového webu všetko, čo o vile už vedel Google, urobiť dvojjazyčnosť tak, aby jej rozumeli aj vyhľadávače, pomenovať presne, čím vila je a čím nie je, a udržať text presný počas piatich vĺn úprav, v ktorých sa menili aj základné fakty o mieste.
Po prechode domény odpovedali všetky adresy starého webu chybou 404
V indexe Google boli stále /index.html, /svadby.html, /historia.html, /galeria.php aj celá anglická vetva /en/*.html a odkazovali na ne cudzie weby. Ich rankingový signál ticho unikal.
Inventár adries sme nezbierali od oka, ale vytiahli z Wayback CDX indexu domény a doplnili navigáciou starého webu. Nasadili sme 19 trvalých presmerovaní vrátane netriviálnych mapovaní: /karta.html s vínnou kartou vedie na /gastronomia a /en/list.html na /en/gastronomia.
Technológie a implementácia
Wayback CDX inventár + trvalé presmerovania v next.config
Dvojjazyčnosť musela byť správna nielen pre návštevníka, ale aj pre vyhľadávače
Vila prijíma zahraničných hostí, takže angličtina nemôže byť odvarom slovenčiny. Vyhľadávač zároveň musí vedieť, ktorá verzia stránky je slovenská a ktorá anglická — inak si obe verzie navzájom konkurujú a anglicky hľadajúcemu sa ponúkne slovenská stránka.
Každý jazyk má vlastnú lokalizovanú trasu — slovenčina ako kanonická bez prefixu, angličtina pod /en. Každá stránka deklaruje svoj jazyk podľa aktívnej locale, nesie canonical a vzájomný hreflang SK / EN / x-default a je zapísaná v sitemape. Anglické texty sú plnohodnotný preklad písaný človekom, nie strojová verzia slovenčiny.
Technológie a implementácia
next-intl, lokalizované trasy, hreflang a canonical
Miesto nie je hotel a nesmelo pôsobiť dvojznačne
Vila sa prenajíma celá a vlastné izby nemá — hostia bývajú v susednom hoteli päťdesiat metrov od brány. Vlastnú kuchyňu tiež nemá a pracuje s cateringom, a kary sa vo vile nekonajú. Starý web tieto hranice stieral: miešal dojem hotela s miestom pre podujatia, čo priťahovalo dopyty, ktoré vila nevie obslúžiť.
Štruktúru webu sme postavili na tom, čo vila skutočne ponúka: Obrad a sobáše — Svadby — Oslavy — Gastronómia, s formuláciami, ktoré nesľubujú nič navyše a rovno pomenúvajú ubytovanie u susedov aj cateringový model. V štruktúrovaných dátach sme zámerne použili EventVenue a LocalBusiness namiesto Hotel či LodgingBusiness, aby vyhľadávač vilu nezaraďoval medzi ubytovanie.
Technológie a implementácia
Informačná architektúra + JSON-LD EventVenue a LocalBusiness
Obsah sa menil päťkrát, ale vydávať kvôli textu novú verziu kódu nedávalo zmysel
Každá vlna pripomienok siahala na desiatky miest naraz — a to v oboch jazykoch. Keby texty žili v komponentoch, znamenala by každá zmena vety úpravu kódu, build a nasadenie, plus riziko, že sa popri jednom odseku prepíše susedný blok.
Obsah sme z kódu vyňali do Sanity — osemnásť singleton dokumentov, jeden na stránku a jazyk, plus nastavenia webu. Každá vlna úprav preto prebehla ako patch obsahu po jednotlivých poliach: bez prestavby webu, bez nasadenia a bez rizika, že sa dotkne susedných blokov. Presne takto vošli do webu štyri svadobné priestory s kapacitami 66 / 66 / 34 / 48. Web je tým zároveň pripravený na samostatnú správu bez vývojára, keď to bude potrebné.
Technológie a implementácia
Sanity singleton schéma + patche po jednotlivých poliach
Päť vĺn klientskych úprav menilo aj základné fakty o mieste
Na hovore 15. júla zaznelo, že vila nie je „historické letovisko“, iba sa v ňom nachádza, a že partnerstvo so susedným hotelom skončilo — meno, e-mail aj telefón hotela museli zmiznúť zo všetkých stránok. E-mail zo 16. júla opravil kapacitu priestoru „al fresco“ zo 66 na 48 a priniesol vlastné texty klienta aj reálnu fotografiu v prílohe. Na hovore 31. júla padla prvá fotografia hera, pretože okná na nej už nezodpovedajú objektu a mýlia hostí; zrušil sa slogan „V tichu“, v hudbe ubudol spev a harfa a pribudli husle a saxofón, a do kontaktu mal pribudnúť riadok s IČO a DIČ.
Prepísali sme formulácie na celom webe, vyčistili názov, e-mail aj telefón hotela z každej stránky a pretriedili svadby na štyri priestory s kapacitami 66 / 66 / 34 / 48, neskôr s kapacitou 48 pri „al fresco“. Vínna karta zmizla a jej miesto zaujala nová stránka Sobáš, popup „Svadba All Inclusive“ sme z domovskej stránky odstránili, gastronómiu prepísali na cateringový model a na priamy pokyn vyradili formuláciu „dôstojné spomienky“. Prvú fotografiu hera nahradila reálna snímka od klienta, v hudobnej produkcii ubudol spev a harfa a pribudli husle a saxofón a do kontaktu pribudol riadok so spoločnosťou Vila Etelka s. r. o. vrátane IČO a DIČ.
Technológie a implementácia
Obsahová revízia + patch skripty do živého Sanity
Podobné problémy vo vašom biznise? Pomôžeme vám ich vyriešiť moderným tech stackom.
Výsledná štruktúra
Kompletná webová štruktúra navrhnutá pre maximálnu konverziu a user experience. Každá stránka má jasný účel a optimalizovanú navigáciu.
Najdôležitejšie sekcie webu
Každá sekcia riešila konkrétny biznis problém a zvyšovala konverzie
Hero a tri čísla
Nad fotografiou záhrady stojí nadtitulok „V historickom letovisku · Modra — Harmónia“, pod ním butiková pečiatka a hneď za herom tri fakty, ktoré páry riešia ako prvé: ~30 minút z Bratislavy, 50 m k ubytovaniu hostí, 66 hostí v záhradnom stane.
Trojica ponuky: Sobáše · Svadby · Oslavy
Namiesto zoznamu služieb tri rovnocenné karty, ktoré delia dopyt hneď na domovskej stránke. Karta sobáša uvádza, čo vila skutočne dodáva: sobášny stôl, stoličky, ozvučenie a koordináciu.
Štyri svadobné priestory s kapacitami
Pod holým nebom „al fresco“ pre 48 hostí, záhradný stan pre 66, romantické podlubie pre 34 a Oblúková sála pre 48. Poradie aj čísla určil klient; texty pri prvých dvoch priestoroch sú doslovne jeho.
Gastronómia bez vlastnej kuchyne
Stránka otvorene hovorí, že vila nemá vlastnú kuchyňu a spolupracuje s profesionálnou cateringovou spoločnosťou. Zvlášť je vysvetlené, že hostia si často privezú vlastné zákusky — vila poskytne chladiarenské kapacity a obsluhu.
Fotogaléria v prirodzených proporciách
79 snímok v murive z CSS stĺpcov, kde pomer strán každej bunky vychádza z reálnych rozmerov obrázka v Sanity — portréty zostávajú na výšku. Lightbox má fokus trap, zavretie klávesom Esc a listovanie šípkami.
Kontakt a dopyt
Adresa Harmónia 3003, Modra, telefón +421 948 008 308, e-mail info@vilaetelka.sk, mapa a formulár „Napíšte nám“ s termínom a typom podujatia. Samostatný riadok uvádza spoločnosť Vila Etelka s. r. o. vrátane IČO a DIČ.
Použitý stack
Frontend a dizajnový systém
App Router, serverové komponenty a vlastný editorial dizajnový systém v globals.css namiesto utility mixu. Tri garnitúry s jasne rozdelenými rolami a jemné reveal animácie na scrolle.
Obsah a jazyky
Sanity ako jediný zdroj obsahu: osemnásť singleton dokumentov, jeden na stránku a jazyk, plus nastavenia webu. Komponenty čítajú CMS s literálnym fallbackom, takže web nikdy nezostane prázdny. Slovenčina je kanonická, angličtina je plnohodnotný preklad, nie strojová verzia.
Dopyt a nasadenie
Formulár na kontaktnej stránke posiela brandovaný e-mail cez Resend, s odosielateľom v poli replyTo — odpoveď z pošty ide priamo páru. Validácia beží na klientovi aj na serveri. Nasadenie je automatické: preview na vetvách, produkcia z main.
SEO, AI a súlad
Štruktúrované dáta typu EventVenue a LocalBusiness — zámerne nie Hotel ani LodgingBusiness, pretože vila ubytovanie neposkytuje. Canonical a vzájomný hreflang na každej stránke, sitemap so šestnástimi URL, llms.txt pre AI odpovede a GDPR lišta so súhlasom.
Frontend a dizajnový systém
App Router, serverové komponenty a vlastný editorial dizajnový systém v globals.css namiesto utility mixu. Tri garnitúry s jasne rozdelenými rolami a jemné reveal animácie na scrolle.
Obsah a jazyky
Sanity ako jediný zdroj obsahu: osemnásť singleton dokumentov, jeden na stránku a jazyk, plus nastavenia webu. Komponenty čítajú CMS s literálnym fallbackom, takže web nikdy nezostane prázdny. Slovenčina je kanonická, angličtina je plnohodnotný preklad, nie strojová verzia.
Dopyt a nasadenie
Formulár na kontaktnej stránke posiela brandovaný e-mail cez Resend, s odosielateľom v poli replyTo — odpoveď z pošty ide priamo páru. Validácia beží na klientovi aj na serveri. Nasadenie je automatické: preview na vetvách, produkcia z main.
SEO, AI a súlad
Štruktúrované dáta typu EventVenue a LocalBusiness — zámerne nie Hotel ani LodgingBusiness, pretože vila ubytovanie neposkytuje. Canonical a vzájomný hreflang na každej stránke, sitemap so šestnástimi URL, llms.txt pre AI odpovede a GDPR lišta so súhlasom.
💡 Moderný tech stack = rýchly web + jednoduchá údržba + dlhodobá podpora
Priebeh realizácie
Web sme postavili naraz — kompletný prvý release všetkých stránok v oboch jazykoch hneď prvý deň. Zvyšok projektu bola práca s klientom: päť vĺn úprav, v ktorých sa text priblížil realite miesta, a na záver technická migrácia.
Deň 1 — 21. jún
Kompletný prvý release
1 deňZa jeden deň vznikol dizajnový systém v globals.css, schéma Sanity a všetkých osem stránok v slovenčine aj angličtine. Ešte v ten deň prebehla dizajnová kontrola všetkých stránok na 1440 a 390 px; jej výsledkom bola napríklad oprava mriežky služieb na domovskej stránke, kde tri položky sedeli v štvorstĺpcovej mriežke a nechávali prázdnu bunku.
Deň 2–11
Nasadenie, CMS a jazyková korektúra
10 dníNasadili sme web na Vercel, sprístupnili klientovi štúdio a doladili UI. 1. júla prešiel celý web slovenskou korektúrou — gramatika, bohemizmy, nesprávne kolokácie, skloňovanie názvov a typografia úvodzoviek; rovnaké opravy sme premietli aj do živého obsahu v CMS.
15.–16. júl
Prvá veľká vlna klientskych úprav
2 dniZ hovoru vzišli dve riadiace zmeny: vila nie je „historické letovisko“, iba sa v ňom nachádza, a partnerstvo so susedným hotelom skončilo, takže jeho meno, e-mail aj telefón museli zmiznúť. Svadby sme pretriedili na štyri priestory s kapacitami 66 / 66 / 34 / 48 a z oslav vypadla formulácia „dôstojné spomienky“. Nasledujúci deň prišiel e-mail s presnými textami klienta, opravou kapacity „al fresco“ zo 66 na 48 a reálnou fotografiou z prílohy.
31. júl
Druhý hovor a odovzdanie
1 deňKlient nechal odstrániť prvú veľkú fotografiu hera, pretože okná na nej už nezodpovedajú objektu a mýlia hostí, a zrušil slogan „V tichu“, keďže sa miesto neprezentuje ako tiché. Umelecká produkcia prišla o spev a harfu a získala husle a saxofón. Do kontaktu pribudol riadok so spoločnosťou Vila Etelka s. r. o. vrátane IČO a DIČ, formulár dostal jednoduchý nadpis „Napíšte nám“ a placeholder termínu bez roka. Tým bol projekt odovzdaný — po 13 dňoch práce.
Po odovzdaní
Doména, formulár, SEO migrácia a cookies
5 dníPreklopili sme doménu na Vercel bez zásahu do poštových záznamov klienta — MX, SPF aj poddomény zostali nedotknuté a po zmene sme ich overili. Sprevádzkovali sme odosielanie dopytov cez Resend a otestovali ho štyrikrát vrátane živej domény. Nakoniec prišla SEO migrácia s 19 presmerovaniami, robots, sitemap, štruktúrované dáta a llms.txt, GDPR cookie lišta a oprava hera na mobile, kde nadtitulok naliezal na logo.
FAQ k projektu
Prevádzkujete svadobné alebo eventové miesto?
Postavíme web, ktorý hovorí o vašom mieste presne — s priestormi, kapacitami a termínmi, ktoré si zmeníte sami, v toľkých jazykoch, koľko potrebujete. A ak prechádzate zo starého webu, prenesieme aj to, čo o vás už vie Google.
Nechajte nám kontakt (stačí e-mail alebo telefón)
✨ Obsah plne vo vašich rukách • Dvojjazyčne • So zachovaným SEO