Vila Etelka: dvojjazyčný web místa pro svatby, obřady a oslavy
Vila Etelka
Vila Etelka je historická vila se zahradou v Modre – Harmónii, v podhůří Malých Karpat, necelou půlhodinu jízdy z Bratislavy. Pronajímá se celá — na svatby, obřady, rodinné oslavy a komorní firemní akce. Není to hotel: vlastní pokoje nemá a hosté bydlí v sousedním hotelu padesát metrů od brány. Původní web byl statický HTML s jednou PHP stránkou — obsah byl zadrátovaný přímo v souborech. Postavili jsme nový dvojjazyčný web na Next.js a Sanity, ve kterém obsah nežije v kódu, ale v CMS: texty i fotografie se dají upravovat bez zásahu do kódu a bez nasazování nové verze. První release se všemi osmi stránkami ve slovenštině i angličtině jsme odevzdali za jeden den, poté následovalo pět vln klientských úprav. Celý projekt zabral 13 dní práce s rozpočtem €300.
Dvojjazyčný web místa pro akce + CMS
Typ projektu
Poptávky na svatby, obřady a oslavy; obsah oddělený od kódu
Hlavní cíl
€300
Cena tohoto projektu
Vybrané obrazovky a vizuály
Vizuální náhled projektu ukazuje, jak vypadá web na různých zařízeních. Responzivní design zajišťuje perfektní zobrazení na mobilech, tabletech a desktopech.
Hero s nadtitulkem „V historickom letovisku · Modra — Harmónia“ a butikovou pečetí.
Netriviální úlohy projektu
Postavit hezké stránky bylo to rychlejší — ty stály den. Náročnější bylo okolí: přenést do nového webu všechno, co o vile už věděl Google, udělat dvojjazyčnost tak, aby jí rozuměly i vyhledávače, pojmenovat přesně, čím vila je a čím není, a udržet text přesný během pěti vln úprav, ve kterých se měnily i základní fakty o místě.
Po přechodu domény odpovídaly všechny adresy starého webu chybou 404
V indexu Google byly stále /index.html, /svadby.html, /historia.html, /galeria.php i celá anglická větev /en/*.html a odkazovaly na ně cizí weby. Jejich rankingový signál tiše unikal.
Inventář adres jsme nesbírali od oka, ale vytáhli z Wayback CDX indexu domény a doplnili navigací starého webu. Nasadili jsme 19 trvalých přesměrování včetně netriviálních mapování: /karta.html s vinnou kartou vede na /gastronomia a /en/list.html na /en/gastronomia.
Technologie a implementace
Wayback CDX inventář + trvalá přesměrování v next.config
Dvojjazyčnost musela být správná nejen pro návštěvníka, ale i pro vyhledávače
Vila přijímá zahraniční hosty, takže angličtina nemůže být odvarem slovenštiny. Vyhledávač zároveň musí vědět, která verze stránky je slovenská a která anglická — jinak si obě verze navzájem konkurují a anglicky hledajícímu se nabídne slovenská stránka.
Každý jazyk má vlastní lokalizovanou trasu — slovenština jako kanonická bez prefixu, angličtina pod /en. Každá stránka deklaruje svůj jazyk podle aktivní locale, nese canonical a vzájemný hreflang SK / EN / x-default a je zapsaná v sitemapě. Anglické texty jsou plnohodnotný překlad psaný člověkem, ne strojová verze slovenštiny.
Technologie a implementace
next-intl, lokalizované trasy, hreflang a canonical
Místo není hotel a nesmělo působit dvojznačně
Vila se pronajímá celá a vlastní pokoje nemá — hosté bydlí v sousedním hotelu padesát metrů od brány. Vlastní kuchyni také nemá a pracuje s cateringem, a kary se ve vile nekonají. Starý web tyto hranice stíral: míchal dojem hotelu s místem pro akce, což přitahovalo poptávky, které vila neumí obsloužit.
Strukturu webu jsme postavili na tom, co vila skutečně nabízí: obřad a sobáše — svatby — oslavy — gastronomie, s formulacemi, které neslibují nic navíc a rovnou pojmenovávají ubytování u sousedů i cateringový model. Ve strukturovaných datech jsme záměrně použili EventVenue a LocalBusiness namísto Hotel či LodgingBusiness, aby vyhledávač vilu nezařazoval mezi ubytování.
Technologie a implementace
Informační architektura + JSON-LD EventVenue a LocalBusiness
Obsah se měnil pětkrát, ale vydávat kvůli textu novou verzi kódu nedávalo smysl
Každá vlna připomínek sahala na desítky míst naráz — a to v obou jazycích. Kdyby texty žily v komponentách, znamenala by každá změna věty úpravu kódu, build a nasazení, plus riziko, že se vedle jednoho odstavce přepíše sousední blok.
Obsah jsme z kódu vyňali do Sanity — osmnáct singleton dokumentů, jeden na stránku a jazyk, plus nastavení webu. Každá vlna úprav proto proběhla jako patch obsahu po jednotlivých polích: bez přestavby webu, bez nasazení a bez rizika, že se dotkne sousedních bloků. Přesně takto vešly do webu čtyři svatební prostory s kapacitami 66 / 66 / 34 / 48. Web je tím zároveň připravený na samostatnou správu bez vývojáře, až to bude potřeba.
Technologie a implementace
Sanity singleton schéma + patche po jednotlivých polích
Pět vln klientských úprav měnilo i základní fakty o místě
Na hovoru 15. července zaznělo, že vila není „historické letovisko“, pouze se v něm nachází, a že partnerství se sousedním hotelem skončilo — jméno, e-mail i telefon hotelu musely zmizet ze všech stránek. E-mail ze 16. července opravil kapacitu prostoru „al fresco“ z 66 na 48 a přinesl vlastní texty klienta i reálnou fotografii v příloze. Na hovoru 31. července padla první fotografie hera, protože okna na ní už neodpovídají objektu a matou hosty; zrušil se slogan „V tichu“, v hudbě ubyl zpěv a harfa a přibyly housle a saxofon, a do kontaktu měl přibýt řádek s IČO a DIČ.
Přepsali jsme formulace na celém webu, vyčistili název, e-mail i telefon hotelu z každé stránky a přetřídili svatby na čtyři prostory s kapacitami 66 / 66 / 34 / 48, později s kapacitou 48 u „al fresco“. Vinná karta zmizela a její místo zaujala nová stránka Sobáš, popup „Svadba All Inclusive“ jsme z domovské stránky odstranili, gastronomii přepsali na cateringový model a na přímý pokyn vyřadili formulaci „dôstojné spomienky“. První fotografii hera nahradil reálný snímek od klienta, v hudební produkci ubyl zpěv a harfa a přibyly housle a saxofon a do kontaktu přibyl řádek se společností Vila Etelka s. r. o. včetně IČO a DIČ.
Technologie a implementace
Obsahová revize + patch skripty do živého Sanity
Podobné problémy ve vašem byznysu? Pomůžeme vám je vyřešit moderním tech stackem.
Výsledná struktura
Kompletní webová struktura navržená pro maximální konverzi a user experience. Každá stránka má jasný účel a optimalizovanou navigaci.
Nejdůležitější sekce webu
Každá sekce řešila konkrétní byznys problém a zvyšovala konverze
Hero a tři čísla
Nad fotografií zahrady stojí nadtitulek „V historickom letovisku · Modra — Harmónia“, pod ním butiková pečeť a hned za herem tři fakta, která páry řeší jako první: ~30 minut z Bratislavy, 50 m k ubytování hostů, 66 hostů v zahradním stanu.
Trojice nabídky: obřady · svatby · oslavy
Namísto seznamu služeb tři rovnocenné karty, které dělí poptávku hned na domovské stránce. Karta obřadu uvádí, co vila skutečně dodává: sobášny stôl, židle, ozvučení a koordinaci.
Čtyři svatební prostory s kapacitami
Pod širým nebem „al fresco“ pro 48 hostů, zahradní stan pro 66, romantické podlubie pro 34 a Oblúková sála pro 48. Pořadí i čísla určil klient; texty u prvních dvou prostorů jsou doslova jeho.
Gastronomie bez vlastní kuchyně
Stránka otevřeně říká, že vila nemá vlastní kuchyni a spolupracuje s profesionální cateringovou společností. Zvlášť je vysvětleno, že hosté si často přivezou vlastní zákusky — vila poskytne chladicí kapacity a obsluhu.
Fotogalerie v přirozených proporcích
79 snímků v masonry z CSS sloupců, kde poměr stran každé buňky vychází z reálných rozměrů obrázku v Sanity — portréty zůstávají na výšku. Lightbox má focus trap, zavření klávesou Esc a listování šipkami.
Kontakt a poptávka
Adresa Harmónia 3003, Modra, telefon +421 948 008 308, e-mail info@vilaetelka.sk, mapa a formulář „Napíšte nám“ s termínem a typem akce. Samostatný řádek uvádí společnost Vila Etelka s. r. o. včetně IČO a DIČ.
Použitý stack
Frontend a designový systém
App Router, serverové komponenty a vlastní editorial designový systém v globals.css namísto utility mixu. Tři písmové rodiny s jasně rozdělenými rolemi a jemné reveal animace při scrollu.
Obsah a jazyky
Sanity jako jediný zdroj obsahu: osmnáct singleton dokumentů, jeden na stránku a jazyk, plus nastavení webu. Komponenty čtou CMS s literálním fallbackem, takže web nikdy nezůstane prázdný. Slovenština je kanonická, angličtina je plnohodnotný překlad, ne strojová verze.
Poptávka a nasazení
Formulář na kontaktní stránce posílá brandovaný e-mail přes Resend, s odesílatelem v poli replyTo — odpověď z pošty jde přímo páru. Validace běží na klientovi i na serveru. Nasazení je automatické: preview na větvích, produkce z main.
SEO, AI a soulad
Strukturovaná data typu EventVenue a LocalBusiness — záměrně ne Hotel ani LodgingBusiness, protože vila ubytování neposkytuje. Canonical a vzájemný hreflang na každé stránce, sitemap se šestnácti URL, llms.txt pro AI odpovědi a GDPR lišta se souhlasem.
Frontend a designový systém
App Router, serverové komponenty a vlastní editorial designový systém v globals.css namísto utility mixu. Tři písmové rodiny s jasně rozdělenými rolemi a jemné reveal animace při scrollu.
Obsah a jazyky
Sanity jako jediný zdroj obsahu: osmnáct singleton dokumentů, jeden na stránku a jazyk, plus nastavení webu. Komponenty čtou CMS s literálním fallbackem, takže web nikdy nezůstane prázdný. Slovenština je kanonická, angličtina je plnohodnotný překlad, ne strojová verze.
Poptávka a nasazení
Formulář na kontaktní stránce posílá brandovaný e-mail přes Resend, s odesílatelem v poli replyTo — odpověď z pošty jde přímo páru. Validace běží na klientovi i na serveru. Nasazení je automatické: preview na větvích, produkce z main.
SEO, AI a soulad
Strukturovaná data typu EventVenue a LocalBusiness — záměrně ne Hotel ani LodgingBusiness, protože vila ubytování neposkytuje. Canonical a vzájemný hreflang na každé stránce, sitemap se šestnácti URL, llms.txt pro AI odpovědi a GDPR lišta se souhlasem.
💡 Moderní tech stack = rychlý web + jednoduchá údržba + dlouhodobá podpora
Průběh realizace
Web jsme postavili naráz — kompletní první release všech stránek v obou jazycích hned první den. Zbytek projektu byla práce s klientem: pět vln úprav, ve kterých se text přiblížil realitě místa, a na závěr technická migrace.
Den 1 — 21. června
Kompletní první release
1 denZa jeden den vznikl designový systém v globals.css, schéma Sanity a všech osm stránek ve slovenštině i angličtině. Ještě týž den proběhla designová kontrola všech stránek na 1440 a 390 px; jejím výsledkem byla například oprava mřížky služeb na domovské stránce, kde tři položky seděly ve čtyřsloupcové mřížce a nechávaly prázdnou buňku.
Den 2–11
Nasazení, CMS a jazyková korektura
10 dníNasadili jsme web na Vercel, zpřístupnili klientovi studio a doladili UI. 1. července prošel celý web slovenskou korekturou — gramatika, bohemismy, nesprávné kolokace, skloňování názvů a typografie uvozovek; stejné opravy jsme promítli i do živého obsahu v CMS.
15.–16. července
První velká vlna klientských úprav
2 dnyZ hovoru vzešly dvě řídicí změny: vila není „historické letovisko“, pouze se v něm nachází, a partnerství se sousedním hotelem skončilo, takže jeho jméno, e-mail i telefon musely zmizet. Svatby jsme přetřídili na čtyři prostory s kapacitami 66 / 66 / 34 / 48 a z oslav vypadla formulace „dôstojné spomienky“. Následující den přišel e-mail s přesnými texty klienta, opravou kapacity „al fresco“ z 66 na 48 a reálnou fotografií z přílohy.
31. července
Druhý hovor a předání
1 denKlient nechal odstranit první velkou fotografii hera, protože okna na ní už neodpovídají objektu a matou hosty, a zrušil slogan „V tichu“, jelikož se místo neprezentuje jako tiché. Umělecká produkce přišla o zpěv a harfu a získala housle a saxofon. Do kontaktu přibyl řádek se společností Vila Etelka s. r. o. včetně IČO a DIČ, formulář dostal jednoduchý nadpis „Napíšte nám“ a placeholder termínu bez roku. Tím byl projekt předán — po 13 dnech práce.
Po předání
Doména, formulář, SEO migrace a cookies
5 dníPřeklopili jsme doménu na Vercel bez zásahu do poštovních záznamů klienta — MX, SPF i subdomény zůstaly nedotčené a po změně jsme je ověřili. Zprovoznili jsme odesílání poptávek přes Resend a otestovali ho čtyřikrát včetně živé domény. Nakonec přišla SEO migrace s 19 přesměrováními, robots, sitemap, strukturovaná data a llms.txt, GDPR cookie lišta a oprava hera na mobilu, kde nadtitulek nalézal na logo.
FAQ k projektu
Provozujete svatební nebo eventové místo?
Postavíme web, který mluví o vašem místě přesně — s prostory, kapacitami a termíny, které si změníte sami, v tolika jazycích, kolik potřebujete. A pokud přecházíte ze starého webu, přeneseme i to, co o vás už ví Google.
Nechte nám kontakt (stačí e-mail nebo telefon)
✨ Obsah plně ve vašich rukou • Dvojjazyčně • Se zachovaným SEO