Vývoj
7 min
Jak vytvořit webovou stránku přes ChatGPT: krok za krokem
Praktický návod, jak si pomocí ChatGPT připravit jednoduchý web, upravit design, vybrat doménu a hosting a nahrát index.html přes FTP.
Kontext
Svetlo nádeje n.o. poskytuje domácí ošetřovatelskou péči v Bratislavě od roku 2013. Projekt potřeboval moderní, důvěryhodný a rychlý web, který vysvětlí rozdíl mezi zdravotní ADOS péčí a sociální pečovatelskou službou, pokryje lokální SEO témata a zároveň pomůže rodinám rychle najít kontakt.
Cíle
- Postavit rychlý statický web pro svetlonadeje.sk s exportem bez potřeby serverového runtime.
- Vytvořit samostatné SEO landing stránky pro ADOS Bratislava, ošetřování ran a terénní pečovatelskou službu.
- Zjednodušit vysvětlení služeb, indikace, úhrady pojišťovnou a prvních kroků pro pacienta nebo rodinu.
- Dodat vizuálně klidný zdravotnický design, který působí odborně, lidsky a čitelně i pro starší publikum.
Postup
- 1Projekt jsme postavili na Next.js App Routeru s `output: "export"`, trailing slash URL a neoptimalizovanými obrázky vhodnými pro statický hosting.
- 2Obsah jsme rozdělili na domovskou stránku, kontaktní stránku, sekci o organizaci a samostatné služby: ADOS Bratislava, ošetřování ran, terénní pečovatelka a 2 % z daně.
- 3Pro každou důležitou službu jsme připravili vlastní metadata, canonical URL, Open Graph texty a copy zaměřené na reálné vyhledávací fráze rodin v Bratislavě.
- 4Navigaci, CTA bloky a patičky jsme navrhli tak, aby se uživatel dostal ke kontaktu, telefonu a e-mailu bez zbytečného hledání.
- 5Design používá jemnou modro-růžovo-zlatou paletu, velké čitelné nadpisy, lokální fotografie a sekce s jasnými otázkami a odpověďmi.
Výsledky
- Svetlo nádeje získalo moderní statický web připravený pro svetlonadeje.sk bez závislosti na WordPress renderingu.
- Služby jsou vysvětlené samostatně, takže ADOS, ošetřování ran a pečovatelská služba mohou cílit vlastní lokální SEO dotazy.
- Rodiny pacientů se rychle dostanou ke kontaktu, telefonu, e-mailu i informacím o tom, co hradí pojišťovna.
- Web kombinuje zdravotnickou důvěryhodnost s jemnějším vizuálním jazykem vhodným pro sociální a domácí péči.
Metriky
Klíčové landingy
4 služby
Hosting model
Statický export
Primární trh
Bratislava
Stack & nástroje
Next.js 16 App RouterTypeScriptTailwind CSS 4Static exportnext/fontLocal SEO metadataSchema.org MedicalOrganization
Potřebujete podobný výsledek?
Ozvěte se nám. Projdeme si váš projekt a do 5 pracovních dnů připravíme roadmapu.
