Lesní svatba Roklinka: Svatební web uprostřed lesa pro klienta, který se vrátil

Na web chaty se nová nabídka nehodila. Svatba se prodává atmosférou a snoubenci potřebují jiné informace než lidé, kteří si chtějí chatu pronajmout. Vznikl proto samostatný web na doméně svatba-v-lese.cz. Má vlastní identitu a odkazuje na web chaty, kde snoubenci najdou ubytování.

Úvodní sekce má jemný parallax, mlhu a světlušky. Galerii prochází animace „lesní cesty“, kterou řídí scroll, a obsah se odhaluje postupně při posouvání stránky. Pohyb přitom nebrzdí čtení: animace respektují nastavení omezeného pohybu v systému a stránka při načítání neposkakuje.

Fotky se načítají optimalizovaně a prohlížeč si je ukládá do mezipaměti natrvalo. Než se fotka načte, zobrazí se její rozmazaný náhled, takže nic neproblikne.

Web je česky a anglicky a přeložené jsou i adresy stránek. Pro obě jazykové verze se generuje sitemap, kanonické odkazy, strukturovaná data a náhledové obrázky pro sociální sítě. Písma hostuju sám včetně rozšířené latinky, aby čeština nepřicházela o háčky. Automatický test hlídá, aby obě jazykové verze měly shodnou sadu textů.

Formulář ověřuje vstupy na klientu i na serveru. Provozovateli přijde přehledná poptávka a snoubencům potvrzení, obojí v jednotném vzhledu značky. Server omezuje velikost požadavku, ověřuje jeho původ a brání zahlcení.

Když odeslání selže, uživatel uvidí konkrétní, srozumitelnou hlášku. Při vývoji se veškerá pošta přesměruje na testovací adresu, takže zkušební poptávky nikdy neodejdou skutečným lidem.

Fotky jsou rozdělené do kategorií s filtry. Mřížka se načítá po dávkách a lightbox přednačítá sousední snímky. Otevřená fotka se propisuje do URL, takže jde poslat odkazem.

Všechny barvy prošly kontrolou kontrastu podle WCAG už při návrhu palety a přístupnost hlídají automatické testy. Zásady ochrany osobních údajů a stránka o cookies se samy přizpůsobí podle toho, jestli je zapnuté měření návštěvnosti, takže právní text nikdy nepopisuje něco jiného, než web skutečně dělá.

Za webem stojí přes 370 automatických testů, které hlídají navigaci, přesměrování, formulář, galerii, písma i přístupnost. Všechny stránky jsou předgenerované a servírované z CDN, jedinou serverovou funkcí je odeslání poptávky. V Lighthouse má web 100 bodů v přístupnosti, SEO i osvědčených postupech na mobilu i desktopu a při načítání se rozvržení stránky neposouvá.

Nasazení i všechny proměnné prostředí jsou zdokumentované, aby se provoz dal kdykoli předat.

U druhého projektu odpadlo seznamování. Provoz Roklinky i to, jak klient pracuje s obsahem, jsem už znal, takže jsme rovnou řešili, co má svatební web umět. Oba weby dlouhodobě spravuju. Když se něco změní v provozu, třeba kontakt, sezóna nebo kapacita, upravím to na obou místech najednou.