POznámky
Odkazy na WIREFRAME:
- https://wireframe.cc/
- https://www.rascasone.com/cs/blog/co-je-wireframe-predstavujeme-5-duvodu-proc-je-pro-klienty-drateny-model-dulezity
- https://www.lesensky.cz/wireframe
- https://cs.wikipedia.org/wiki/Wireframe
- https://www.youtube.com/watch?v=iyrEStiTZh0
- https://academy.solidpixels.com/blog/co-je-to-wireframe
Dobře. Udělej si z toho checklist.
Cílem je: ukázat, že web umí prodávat, vysvětlovat, budovat důvěru a sbírat kontakty.
1️⃣ Typy stránek (co by mělo demo obsahovat)
Základ
Úvodní stránka
O nás
Služby (přehled)
Detail služby
Reference (výpis)
Detail reference
Ceník
Kontakty
Obchodní / konverzní
Landing page (pro konkrétní službu)
Stránka s formulářem poptávky
Děkovací stránka po odeslání
FAQ
Akce / zvýhodněná nabídka
Obsahové
Blog (výpis článků)
Detail článku
Kategorie článků
Technické / právní
GDPR
Cookies
Obchodní podmínky
404 stránka
Mapa webu
Specifické (bonus)
Kariéra
Ke stažení (PDF)
Fotogalerie
Videogalerie
Virtuální prohlídka
Rezervační stránka (u ubytování)
Případová studie
2️⃣ Seznam bloků (sekce, které si připrav)
Tohle je klíčové.
Globální prvky (na všech stránkách)
Header (logo + menu)
Sticky menu
Mobilní menu
Breadcrumb
CTA tlačítko v hlavičce
Footer (kontakty, odkazy, mapa, sociální sítě)
Cookie lišta
Hero sekce (úvod)
Hlavní nadpis
Podnadpis
CTA tlačítko
Slider / video background
Overlay gradient
Důvěryhodné prvky (počet klientů, let praxe)
Obsahové bloky
Textové
Text + obrázek (obě varianty)
Tři sloupce s ikonami
Dvou-sloupcový text
Fullwidth text
Zvýrazněný citát
Prodejní
Výhody / benefity
Proč si vybrat nás
Jak probíhá spolupráce (kroky 1-2-3)
Srovnání balíčků
Ceníková tabulka
Call to action blok
Důvěra
Reference slider
Hodnocení (hvězdičky)
Loga klientů
Případová studie
Fotky týmu
Certifikáty
Vizuální
Galerie grid
Masonry galerie
Video sekce
Parallax sekce
Číselné statistiky (counter)
Interakce
Kontaktní formulář
Poptávkový formulář
Newsletter
Rezervační formulář
Google mapa
Accordion (FAQ)
Tab přepínače
Specifické bloky pro ubytování
Ceník podle sezóny
Dostupnost kalendář
Výbava objektu (ikony)
Fotky pokojů
Recenze hostů
Rezervace tlačítko
Specifické bloky pro firemní web
Timeline firmy
Technologie / značky
Tým
Realizace před/po
Proces spolupráce
3️⃣ UI prvky (co musíš mít jako komponenty)
Tlačítko (primary / secondary / outline)
Ikony
Karty (card design)
Badge / štítky
Alert box
Cenový box
Modal okno
Lightbox galerie
Pagination
Filtr (např. reference podle typu)
4️⃣ Technické věci co ukázat v demu
Responzivita (mobil, tablet, desktop)
Rychlost (optimalizované obrázky)
SEO prvky (H1, meta description)
Schema data (recenze)
Lazy loading
Dark / light varianta (pokud chceš wow efekt)
Wireframe režim (u tebe zajímavé)
5️⃣ Ideální struktura demo webu
Úvod
→ Služby
→ Reference
→ Ceník
→ Blog
→ O nás
→ Kontakt
A každá stránka má jinou kombinaci bloků, aby bylo vidět, co všechno umíš.
Teď důležitá věc.
Nechceš mít jen „hezký demo web“.
Chceš mít prodejní ukázku systému, který můžeš klientům opakovaně prodávat.
Pokud chceš, udělám ti:
konkrétní strukturu demo webu pro tvůj byznys (webdesign + virtuální prohlídky)
nebo strukturu univerzální šablony, kterou budeš prodávat všem.
Co z toho chceš?