Dva weby se slily do jednoho a načtení na mobilu se zkrátilo z 8,2 na 1 vteřinu
Firemní prezentace na WordPressu a druhý web o vjezdech do areálu žily vedle sebe. Dnes je to jeden web se 77 stránkami, 218 aktualitami a evidencí areálu, který si správa vede sama v administraci.
1,0 s
načtení na mobilu místo 8,2 s
Největší obsahový prvek (LCP) na simulovaném mobilu
Lighthouse 12.8, měřeno 28. 7. 2026
2 → 1
weby sloučené do jednoho
Zrušený tomavjezdy.cz přesměrovává, žádný odkaz se neztratil
77 + 218
stránek a aktualit převedeno automaticky
Import z WordPressu přes jeho vlastní rozhraní, opakovatelný
Produkční databáze webu, 28. 7. 2026
98
bodů přístupnosti místo 79
Hodnocení přístupnosti podle Lighthouse
Lighthouse 12.8, měřeno 28. 7. 2026
- Obsah v databázi, ne v šabloně
- Aktuality s kategoriemi a přílohami
- Nabídky prostor vyrůstají z evidence
- Kontakty podle organizační struktury
- Řízená dokumentace nad stejnými daty
- Adresy zůstaly stejné do posledního lomítka
- Import z WordPressu, který jde pustit znovu
- Vyhledávání přes celý web
- Navigátor areálu pro řidiče
- Hlášení závad z mobilu i s fotkou
- Vjezdy do areálu na hlavním webu
Zadání
Firma spravuje průmyslový areál v Otrokovicích a k tomu objekty ve Zlíně, Hulíně a Prostějově. Web běžel na WordPressu, druhý web tomavjezdy.cz držel informace o vjezdech do areálu a žil vlastním životem. Obsah tak byl na dvou místech, každé s vlastním přihlášením a vlastní údržbou.
Měření původního webu na mobilu: největší obsahový prvek se vykreslil za 8,2 vteřiny, přístupnost 79 ze 100. Nájemce, který na telefonu hledal kontakt na správce budovy, čekal osm vteřin na první obrazovku.
Do toho tři věci, které web neuměl vůbec: nájemce neměl kde nahlásit závadu, řidič neměl kde najít firmu v areálu a nabídky volných prostor se přepisovaly ručně, protože objekty nikde neexistovaly jako záznam.
Návrh
První rozhodnutí bylo, co nedělat: neměnit adresy. Web má za sebou roky ve vyhledávačích a přestěhování na nové adresy by tu historii zahodilo. Struktura URL proto zůstala jedna ku jedné, včetně koncových lomítek.
Druhé rozhodnutí se týkalo obsahu. Ručně přepisovat 77 stránek a přes dvě stě článků by trvalo týdny a stejně by se na něco zapomnělo. Napsal jsem proto import, který si obsah stáhne přímo z WordPressu přes jeho vlastní rozhraní, včetně obrázků a příloh, a dá se pustit opakovaně.
Třetí rozhodnutí bylo o datech. Nabídky prostor nemají být texty, ale mají vyrůstat z evidence: areál obsahuje objekty, objekt obsahuje prostory a nabídka je jen přepínač u prostoru. Lokalita se pak odvodí z adresy objektu a nikde se nic nezadává dvakrát.
A nakonec administrace. Cíl byl jednoduchý: aby byla jednodušší než WordPress. Žádné pluginy, žádné aktualizace, žádná nabídka o třiceti položkách. Jen to, co správa areálu opravdu dělá.
Řešení
Web běží na Next.js, obsah je v PostgreSQL a stránky se skládají na serveru. Prohlížeč tedy nedostane prázdnou stránku, na kterou se teprve dokreslí obsah, ale hotové HTML.
Import z WordPressu čte jeho REST rozhraní, mapuje hierarchii stránek, stahuje média a zapisuje do databáze. Je idempotentní: opakované spuštění nic nezduplikuje, takže se dal pustit i den před spuštěním, aby se dotáhly poslední změny ze starého webu.
Administrace používá editor formátovaného textu, knihovnu médií s povinným popisem obrázku a evidenci areálu. Přístup je na e-mail a heslo, role oddělují, kdo smí obsah a kdo účty.
Nad toutéž evidencí běží řízená dokumentace. Interní dokumenty i dokumentace ke konkrétním objektům se spravují přímo na webu, přístup k nim řídí tytéž účty a role jako u zbytku administrace a dokument se váže na objekt, kterého se týká. Nevzniká tak druhé úložiště vedle webu, ve kterém po roce nikdo neví, která verze platí a ke které budově vlastně patří.
E-maily jsou výhradně transakční: hlášení závady jde rovnou správci té konkrétní budovy, protože kontakt je v evidenci objektu, a hlásící dostane potvrzení a pak zprávu o vyřešení. Žádná hromadná rozesílka.
Provoz běží v Dockeru za Caddy, certifikát se obnovuje sám, nasazení je jeden příkaz a databáze má vlastní zálohu.
Výsledek
Z dvou webů je jeden. Zrušený tomavjezdy.cz přesměrovává na odpovídající sekci hlavního webu, takže se neztratil ani jeden odkaz.
Načtení na mobilu se zkrátilo z 8,2 na 1,0 vteřinu, přístupnost stoupla ze 79 na 98 bodů a desktop měří 100 ze 100 ve všech čtyřech kategoriích. Měřeno nástrojem Lighthouse od Googlu, každý si to může přeměřit sám.
Správa areálu si dnes vede v administraci 9 objektů, 10 prostor a 16 nabídek k pronájmu, 18 firem v navigátoru areálu a kontakty seskupené podle organizační struktury. Nájemci hlásí závady z mobilu i s fotkou.
Rychlost není dojem, ale změřené číslo
Co se změnilo
Měřeno na simulovaném mobilu- Výkon+33 bodůPřed redesignem63Dnes96
- Přístupnost+17 bodůPřed redesignem79Dnes96
- Praxe+4 bodůPřed redesignem96Dnes100
- SEOPřed redesignem100Dnes100
- CLS
0,010,00
- TBT
13 ms0 ms
- TTFB
79 ms17 ms
Přepněte si celé měření, ne jen vybrané číslo
Starý web se na počítači před přepnutím neměřil, zbylo jen měření na mobilu.
Co web umí a co z toho klient má
Jádro zadání
5 funkcíCo klient chtěl a bez čeho by web nefungoval
Obsah v databázi, ne v šabloně
Sedmdesát sedm stránek a přes dvě stě aktualit se edituje v administraci. Text, obrázky, přílohy i popisky pro vyhledávače na jednom místě.
Technická poznámka
Stránky tvoří strom s vlastní cestou, takže hierarchie webu odpovídá tomu, jak firma přemýšlí o svých sekcích.
Aktuality s kategoriemi a přílohami
Informace emitenta, zprávy pro akcionáře a ostatní sdělení mají vlastní rubriky. K článku patří i dokumenty ke stažení.
Nabídky prostor vyrůstají z evidence
Areál obsahuje objekty, objekt prostory. Nabídka k pronájmu je přepínač u prostoru, ne samostatně psaný inzerát. Lokalita se odvodí z adresy objektu.
Technická poznámka
Díky tomu se změna adresy objektu promítne do všech nabídek naráz a nemůže vzniknout inzerát na prostor, který v evidenci neexistuje.
Kontakty podle organizační struktury
Odbory, oddělení a útvary tvoří strom a veřejné kontakty se podle něj samy seskupují. Nikdo nepřepisuje jeden telefon na tři místa.
Řízená dokumentace nad stejnými daty
Interní dokumenty i dokumentace ke konkrétním objektům se zakládají přímo na webu. Dokument se váže na objekt z evidence, takže nabídka prostoru a jeho dokumentace nemůžou popisovat každá něco jiného.
Technická poznámka
Stojí na entitách a účtech, které web už má. Nezakládá se druhá evidence objektů ani druhý seznam lidí, což je přesně to, na čem podobné agendy obvykle ztroskotají.
Vychytávky
3 funkceDetaily, které nikdo nezadal a dělají rozdíl
Adresy zůstaly stejné do posledního lomítka
Web má za sebou roky ve vyhledávačích. Struktura URL se proto nezměnila, takže žádný odkaz zvenčí nespadl do prázdna.
Technická poznámka
Přenesené adresy včetně koncového lomítka, k tomu sitemap a strukturovaná data. Právě tohle je u přestavby webu nejčastější zdroj propadu návštěvnosti.
Import z WordPressu, který jde pustit znovu
Obsah se stáhl přímo z WordPressu i s obrázky a přílohami. Import je idempotentní, takže se pustil ještě den před spuštěním a dotáhl poslední změny.
Technická poznámka
Zápis přes upsert podle adresy stránky, takže opakované spuštění nic nezduplikuje.
Vyhledávání přes celý web
Jedno pole, které prohledá stránky, aktuality, nabídky i dokumenty.
Technická poznámka
Fulltext staví na indexu v databázi, ne na externí službě, takže nikam neodchází data ani peníze.
Bonusy nad rámec
3 funkcePráce navíc, která se nepočítala
Navigátor areálu pro řidiče
Osmnáct firem v areálu, každá se svou budovou a bránou. Řidič najde cíl podle jména firmy, ne podle čísla haly.
Technická poznámka
Firmy se do navigátoru mohou přihlásit samy, zápis pak čeká na schválení v administraci.
Hlášení závad z mobilu i s fotkou
Nájemce vyfotí závadu na chodbě a odešle. Zpráva jde rovnou správci té budovy, protože kontakt je v evidenci objektu.
Technická poznámka
Hlásící dostane potvrzení a pak zprávu o vyřešení. Bez toho lidé hlásí totéž znovu, protože nevědí, jestli se to někam dostalo.
Vjezdy do areálu na hlavním webu
Dopravně-provozní řád, ceny a dokumenty ke stažení převzaté ze zrušeného webu tomavjezdy.cz. K tomu odběr informací o provozu.
Technická poznámka
Třicet článků a třicet šest souborů se převedlo automaticky, staré adresy přesměrovávají na nové.
Z čeho je to postavené a proč
Next.js
Stránky se skládají na serveru, takže prohlížeč dostane hotové HTML a nečeká na JavaScript. U webu, na který se chodí z mobilu v areálu, to je rozdíl mezi vteřinou a osmi.
PostgreSQL
V evidenci areálu se dohledává zpětně: která firma sídlí v které budově, kdy se co hlásilo. Na to je potřeba pořádná databáze, ne soubory.
Prisma
Změna datového modelu je migrace, kterou lze spustit i vrátit. U webu, který se rozrůstá o další evidence, je to podmínka klidného spaní.
Docker a Caddy
Web běží izolovaně vedle ostatních služeb na serveru, certifikát se obnovuje sám a nasazení je jeden příkaz.
Jak to vypadá
Úvodní stránka na mobilu
Co si z toho odnést
- Od zadání ke spuštění
- 3 měsíce
- Co se dodalo
- Web na míru, Fotografie, Správa a rozvoj, SEO a obsah
- Web běží od
- 2026
- 1,0 snačtení na mobilu místo 8,2 s
- 2 → 1weby sloučené do jednoho
- 77 + 218stránek a aktualit převedeno automaticky
- 98bodů přístupnosti místo 79
Potřebujete něco podobného
Napište nám, co řešíte. Ozveme se do jednoho pracovního dne a řekneme rovnou, jestli to umíme a co to bude stát.
