Seminář webový design · oktáva · 6. října 2026
Velký projekt: web pro skutečného klienta
Od prvního e-mailu po web, který běží na internetu.
Cíl hodiny: žáci rozumí, co je projekt, jak vypadá dobrý klient, a do 20. 10. mají v ruce dva kandidáty. Časování: slajdy 2–9 (klient) ≈ 15 min, 10–15 (cesta a hlídání) ≈ 10 min, 16–19 (rizika, hodnocení, úkol) ≈ 5 min, pak aktivita „Pět jmen“ a zbytek hodiny podle plánu (fáze 0–1). Projekt je velký, tak ať slyší hlavně: klient je největší riziko a řešíme ho první.
Smysl
Web, který někdo opravdu použije
Skutečný člověk
Zpětnou vazbu dá klient, ne jen známka.
Skutečný konec
Web běží na internetu a někdo ho používá.
Skutečný postup
Stejný jako ve firmě: podklady, návrh, schválení, předání.
Navíc máš web do portfolia a zkušenost, kterou ve škole jinde nezískáš.
Zeptej se: kdo už někdy dělal něco, co někdo opravdu použil? Jaký to byl pocit? Tohle je ten pocit. Zároveň upřímně: klient znamená, že se může něco zadrhnout – proto je většina dnešní hodiny o tom, jak to nezadrhnout.
Cíl
Co bude na konci dubna
✓ Web běží
na adrese klienta, nebo je předaný balíček
✓ Klient ho převzal
a potvrdil to
✓ Umíš vysvětlit
každé rozhodnutí, které jsi cestou udělal(a)
Hodnotí se cesta i výsledek.
Bez reálného konce (klient převzal) nejde lepší známka než 3. To je pojistka proti projektům, které zůstanou „skoro hotové“. Řekni to nahlas už teď.
Klient
Kdo může být klient
Ano
- oddíl, trenér, tým
- spolek, kroužek, kapela, divadlo
- živnostník nebo rodinná firma s IČO
- školní akce nebo projekt s publikem
Ne
- smyšlená firma „jen pro seminář“
- web sám pro sebe
- klient bez kontaktu a bez podkladů
Nemáš klienta? Dostaneš ho ode mě. Vlastní klient je za víc bodů.
Příbuzní jsou v pořádku, pokud mají IČO a web opravdu potřebují. Řekni jim, že nikdo nezůstane bez klienta, ale vlastní se vyplatí.
Klient · výběr
Jak poznat dobrého klienta
1Odpoví do tří dnů?
Rychlost odpovědí rozhoduje o celém projektu.
2Má co ukázat?
Texty, fotky, logo. Nebo je ochotný je sehnat.
3Bude web používat?
Po předání ho někdo převezme a pohlídá.
Pozor na: e-shop s platbami, zázrak do dvou týdnů, klienta bez jakéhokoli obsahu.
Tři otázky jsou test na M0: každý z kandidátů musí projít aspoň dvěma ze tří. Nejlepší predikce úspěchu je rychlost odpovědí klienta, ne velikost klienta. Malý spolek, který odpoví do dne, je lepší než firma, která mlčí.
Klient · hledání
Pět míst, kde začít
- Tvůj oddíl nebo klub: trenér, vedoucí
- Školní akce: ples, turnaj, Erasmus+, absolventi
- Rodina a známí s vlastním podnikáním
- Spolky a kroužky ve tvém městě
- Místní živnostník, kterého znáš
Aktivita · 5 minut
Napiš pět jmen. Ne „někdo z oddílu“, ale konkrétní osobu nebo organizaci.
Pak si je ve dvojici řekněte a doplňte si je.
Aktivitu udělej hned, na místě. Obejdi třídu: kdo nemá ani dvě jména, tomu pomoz nápady (kdo z jeho oddílu má špatný nebo žádný web?). Hotové seznamy si nech vyfotit nebo zapsat – výchozí bod pro M0.
Klient · oslovení
První e-mail na čtyři věty
- Kdo jsem: jméno, třída, škola
- Co nabízím: bezplatně vytvořit web do dubna
- Co potřebuji: schůzku 45 minut a podklady
- O co prosím: o odpověď do tří dnů
Pravidlo tří
- po 3 dnech bez odpovědi: připomínka
- po 7 dnech: zavolej nebo zastav se osobně
- po 10 dnech: zkus dalšího kandidáta
Celá šablona e-mailu je v příručce.
Pravidlo tří chrání před nejčastějším selháním: týdny čekání na někoho, kdo neodpoví. Zdůrazni, že mlčící klient není selhání žáka – je to informace. Důležité je rychle přejít na dalšího.
Klient · schůzka
Osm otázek na první schůzku
- Komu je web určený?
- Co má návštěvník udělat? (zavolat, přijít, přihlásit se)
- Co o vás lidé hledají?
- Co už máte: web, sítě, logo, fotky?
- Co se vám na dnešním webu nelíbí?
- Který web se vám líbí a proč?
- Kdo bude web po předání spravovat?
- Do kdy ho potřebujete?
Zapisuj. Po schůzce pošli klientovi zápis k potvrzení.
Otázka 2 je nejdůležitější: web bez cíle je jen hezká brožura. Po schůzce zápis klientovi – je to podklad pro M2 a chrání před „já jsem to myslel jinak“.
Klient · dohoda
Co slíbit a co ne
Slíbíš
- 3 až 5 stránek
- návrh a vzhled ke schválení
- hotový web a krátký návod
Neslibuješ
- e-shop a platby
- aplikaci s přihlášením
- úpravy bez konce
- termíny mimo plán
Doménu a hosting platí klient. Ty mu poradíš s výběrem.
Co není v zadání (M1), není v projektu. Když klient chce víc, vrátíte se k zadání a domluvíte, co z něj vypadne. Zadání na jednu stranu je tvoje obrana proti nekonečným úpravám.
Průběh
Pět fází, osm milníků
Každý milník je odevzdaný soubor nebo odkaz.
Průběh · mapa
Od klienta k hotovému webu
1 Najdi klientaM0 · 20. 10. kandidáti
M1 · 24. 11. souhlas a zadání
2 Poznej hoM2 · 19. 1. schůzka a podklady
3 NavrhniM3 · 23. 2. struktura a design schválené
4 PostavM4 · 23. 3. hotová stavba
M5 · 30. 3. revize
5 PředejM6 · 6. 4. web u klienta
M7 · 13. a 20. 4. obhajoba
Nedodržený termín bez předchozí domluvy: −5 bodů.
Ukaž mapu a řekni: nejdřív a nejvíc se bojíme klienta. Proto jsou první dva milníky o něm, ne o webu. Celé zadání, včetně toho, co přesně se u milníku odevzdává, je na stránce zadání.
Dnes začínáme
První dva milníky
M0 · 20. října
Dva kandidáti na klienta.
U každého: kdo to je, proč potřebuje web (nebo proč je ten dnešní špatný) a jak ho osloveš.
M1 · 24. listopadu
Souhlas klienta e-mailem a zadání na jednu stranu.
Účel webu, pro koho, co má návštěvník udělat, 3 až 5 stránek.
M0 schvaluji já: ověřím, že kandidát prošel třemi otázkami. M1 je rozhodovací bod: do tohoto dne musí mít každý potvrzeného klienta, jinak dostane náhradního z mého seznamu. Šablona souhlasu je na stránce zadání.
Hlídání
Jak to spolu dotáhneme
Semafor
Před každou hodinou si v tabulce nastavíš barvu.
Tabulka
Jeden řádek na tebe: klient, poslední kontakt, další krok a termín.
Kontrolní body
Tři krátké kontroly mezi milníky.
Cíl je odhalit potíž brzy, když je malá.
Tohle je slajd, kvůli kterému projekt nedopadne špatně. Větší projekty se nezadrhnou na těžkém úkolu, ale na tom, že si nikdo týdny nevšimne, že nikdo nepokročil. Tabulku sdílím v Učebně, každý edituje jen svůj řádek.
Hlídání · semafor
Tři barvy
ZelenáJedu podle plánu.
ŽlutáMám zpoždění, nebo čekám na klienta.
ČervenáPotřebuju pomoc, nebo klient mlčí.
Červená není průšvih. Průšvih je schovat problém až do termínu.
Opakuj to: červená znamená, že dostanu pomoc, ne trest. Kdo bude týdny zelený a pak odevzdá nic, má horší výsledek než ten, kdo byl včas červený. Žlutá dvakrát po sobě = krátký rozhovor.
Hlídání · kontrolní body
Tři kontroly mezi milníky
| kdy | co musí být hotové |
|---|
| 3. listopadu | První e-mail klientovi je odeslaný, nebo je klient osobně oslovený. |
| 15. prosince | Schůzka s klientem má domluvený den a čas. |
| 16. března | Klient dostal odkaz na náhled webu. |
Bez známky, ale povinné. Nesplněný bod znamená žlutou.
Proč právě tyhle: 3. 11. zachytí klienta, který neodpoví. 15. 12. je před Vánocemi – když se schůzka nedomluví teď, do 19. 1. (M2) se nestihne. 16. 3. je týden před hotovou stavbou: klient musí náhled vidět včas, jinak se potvrzení převzetí do 6. 4. nestihne.
Když se něco pokazí
Pět situací a co s nimi
| situace | co uděláš |
|---|
| Klient mlčí | Pravidlo tří: připomínka, telefon, po 10 dnech další kandidát. |
| Klient odpadne | Hned to řekni. Do týdne máš náhradního. Body za hotové milníky zůstávají. |
| Chce víc | Vrať se k zadání z M1. Co v něm není, není v projektu. |
| Chybí obsah | Zeptej se konkrétně: co, do kdy. Nic nevymýšlej, fotky nahraď zástupnými. |
| Neschvaluje | Pošli otázku ano/ne s datem. Po termínu to řeš se mnou. |
Tohle jsou skutečné situace, které potkají každého. Z každé je cesta ven – důležité je neztratit čas. Pokud se kdokoli ocitne v situaci, kterou tu nemáme, ať se přihlásí hned.
Hodnocení
100 bodů, jedna známka
| Klient a zadání | 10 |
| Postup | 15 |
| Kvalita webu | 30 |
| Vyhledatelnost a zákon | 15 |
| Revize | 10 |
| Reálný konec | 10 |
| Obhajoba | 10 |
Známka
90 a víc → 1
75 → 2 · 60 → 3 · 45 → 4
Bez reálného konce nejde lepší známka než 3.
Podrobné popisy kolonek jsou na stránce zadání. Upozorni, že „Postup“ (15 b.) se hodnotí z toho, co je vidět: zápisy, schválení klientem, historie práce – ne z toho, co řekne. Zdokumentovaný postup je ochrana žáka.
Pravidla
Čtyři pravidla hry
- Fakta jen od klienta. Čísla, jména, ceny, adresy nevymýšlíš. Nevíš, zeptáš se.
- Text napsaný AI označíš a klient ho před publikací schválí.
- Hesla ke službám klienta nikdy do chatu, do gitu ani do odevzdaných souborů.
- Bezpečí: schůzku máš ve škole, online nebo na veřejném místě. Řekni doma, kam jdeš.
Čtvrté pravidlo: žáci jsou většinou zletilí, ale ne všichni, a schůzka s cizím dospělým má svá pravidla. Celý seznam včetně toho, že za web od klienta nebereš peníze, je v příručce.
Hotovo, teď ty
Dnes a do 20. října
- Dnes: pět jmen (aktivita).
- Do 13. 10.: z pěti vyber dva a ověř je třemi otázkami.
- Do 20. 10.: odevzdej M0 do Učebny.
Příručka obsahuje všechny šablony: první e-mail, připomínku, zápis ze schůzky, e-mail se žádostí o schválení. Zadání je závazný text milníků a hodnocení. Na konci hodiny zapiš, kdo má kolik jmen.