Checklist tvorby profesionálního webu
Studio u Hájku — interní dokument
1. PŘÍPRAVA PROJEKTU
- BRIEF.md vytvořen s kompletním zadáním klienta
- Složka projektu založena (Projekty/SUH-XXXXXX-XXXX/)
- Logo a podklady od klienta staženy a uloženy
- Brand guidelines prostudovány (fonty, barvy, styl)
- Sekce a obsah odsouhlaseny s klientem
- Doména ověřena (potřeba registrace?)
- Jazykové mutace definovány (CZ/EN/další)
- Typ projektu jasný (nový web / redesign)
2. DESIGN & RESPONSIVE (Mobile-First!)
- Nejdřív mobil (375px), pak tablet (768px), pak desktop (1280px+)
- Žádné přetékání textu/boxů na žádném zařízení
- Navigace — hamburger na mobilu, plné menu na desktopu
- Obrázky responzivní (object-fit, max-width, lazy loading)
- Fonty dle brand guidelines (primární, sekundární, quotes)
- Barvy dle brand guidelines
- Buttony sladěné napříč celým webem (stejný styl, velikost)
- Citáty/quotes — konzistentní styl na všech stránkách
- Patička — konzistentní na všech stránkách
- Hover efekty a animace fungují plynule
3. OBSAH & TEXTY
- Žádný placeholder text (Lorem ipsum, XXXXXX, TODO)
- Všechny odkazy funkční (žádné #, žádné 404)
- Kontaktní údaje správné (email, telefon, adresa)
- Copyright rok aktuální (2026)
- Sociální sítě odkazují na správné profily (target="_blank")
- Texty bez překlepů a gramatických chyb
- CTA (call-to-action) jasné a konzistentní
4. BILINGVÁLNÍ WEB (CZ/EN)
- Přepínač CZ/EN funguje na všech stránkách
- Veškerý obsah má obě jazykové verze (data-cs, data-en)
- Výchozí zobrazený text v CZ (ne v EN)
- Žádné smíšené jazyky v jednom pohledu
- Placeholders ve formulářích přepínatelné
- Title a meta description v obou jazycích
5. SEO & META TAGY
- Meta title (max 60 znaků, unikátní na každé stránce)
- Meta description (max 160 znaků)
- OG tags (og:title, og:description, og:image)
- Všechny obrázky mají smysluplný alt text
- Jeden H1 na stránku
- Favicon přidán
- Structured data (JSON-LD) pokud relevantní
6. FORMULÁŘE & FUNKČNOST
- Kontaktní formulář testován — odesílá správně
- Panel změn funkční (správné project ID, odesílá na API)
- Formuláře validují vstupy (required, email format)
- Konfigurátor — back button nemazé data
- Newsletter formulář odesílá na správný email
- Cookie banner přítomný a funkční
7. PERFORMANCE & RYCHLOST
- Obrázky komprimované (max ~200KB/ks)
- Žádný nepoužitý CSS/JS
- Fonty preconnect/preload
- Lazy loading na obrázky pod foldem
- Minifikace CSS/JS (produkce)
- Rychlost načítání < 3s na mobilu
8. SECURITY
- Formuláře escapují input (XSS ochrana)
- Žádné hesla v HTML kódu
- HTTPS funguje a přesměrovává z HTTP
- CSRF tokeny na formulářích
- Upload souborů — ověření MIME typů
- Prepared statements (SQL injection ochrana)
9. NAHRÁNÍ & DEPLOY
- Soubory nahrány na FTP do správné složky
- Oprávnění souborů (644) a složek (755) nastavena
- Preview/index.html aktualizován s novým projektem
- Klientské preview webloc vytvořen
- Soubory zkopírovány do Projekty/ složky jako záloha
10. FINÁLNÍ KONTROLA (po nahrání)
- Navštívit živý web — proklikat KAŽDOU stránku
- Otestovat na mobilu (iPhone Safari)
- Otestovat na tabletu
- Otestovat kontaktní formulář na produkci
- Otestovat panel změn — odeslat testovací změnu
- Zkontrolovat v admin panelu, že se zpráva doručila
- Google Analytics funguje
- Odeslat preview odkaz klientovi