TechFlow má solidní technický základ, ale příliš složitý formulář a nejasná value proposition brzdí konverze
Co děláte dobře
- • Vynikající technický výkon - Lighthouse Performance 100/100, rychlé načítání a Core Web Vitals v normě
- • Přehledná struktura stránky s jasně oddělenými sekcemi a konzistentním designem
- • Kompletní pricing sekce se třemi plány a zvýrazněným doporučeným plánem
Klikněte na číslo pro zobrazení detailu
PROBLÉM
Kontaktní formulář obsahuje 11 polí a 2 checkboxy, což vytváří vysokou bariéru pro lead generation. Pro B2B SaaS je formulář klíčovým konverzním bodem a jeho složitost pravděpodobně způsobuje nízký completion rate.
DOPORUČENÍ
Redukovat formulář na 4-5 polí. Ponechat pouze: Jméno, Email, Firma, Zpráva (volitelná), GDPR souhlas. Odstranit: IČO, Příjmení, Pozice, Velikost firmy, Téma. Tyto informace lze získat v navazujícím kontaktu.
- 1 <form>
- 2 <input type="text" name="name" placeholder="Jméno" required autocomplete="name">
- 3 <input type="email" name="email" placeholder="Email" required autocomplete="email">
- 4 <input type="text" name="company" placeholder="Firma" autocomplete="organization">
- 5 <textarea name="message" placeholder="Vaše zpráva (volitelné)"></textarea>
- 6 <label><input type="checkbox" required> Souhlasím se zpracováním osobních údajů</label>
- 7 <button type="submit">Chci nezávaznou konzultaci</button>
- 8 </form>
PROBLÉM
Headline je příliš dlouhý (18 slov, cca 115 znaků) a přeplněný buzzwords. Návštěvník během prvních 5 sekund nepochopí, co TechFlow dělá a jaký problém řeší.
DOPORUČENÍ
Přepsat headline na kratší, benefit-driven text (10-40 znaků). Zaměřit se na konkrétní benefit pro zákazníka místo abstraktních pojmů.
- 1 Příklady nového headline:
- 2 "Automatizujte firemní procesy a ušetřete 10 hodin týdně"
- 3 "AI platforma, která zrychlí vaše business procesy"
- 4 "Méně manuální práce, více času na růst"
PROBLÉM
Hero sekce obsahuje 4 různá CTA tlačítka, což vytváří paradox volby a paralyzuje rozhodování návštěvníků. Na mobilních zařízeních zabírají 4 tlačítka většinu prostoru pod headline.
DOPORUČENÍ
Ponechat pouze 1 primární CTA ("Vyzkoušet zdarma") a 1 sekundární CTA ("Sledovat video") s méně výrazným designem. Whitepaper a webinář přesunout do navigace nebo footeru.
- 1 <div class="cta-buttons">
- 2 <a href="#demo" class="btn btn-primary">Vyzkoušet zdarma</a>
- 3 <a href="#video" class="btn btn-secondary btn-outline">Sledovat video</a>
- 4 </div>
PROBLÉM
Meta description zcela chybí. Google si vybere náhodný text ze stránky pro zobrazení ve výsledcích vyhledávání, což může být nerelevantní nebo odrazující.
DOPORUČENÍ
Přidat meta description o délce 150-160 znaků s hlavním benefitem a výzvou k akci.
- 1 <meta name="description" content="TechFlow automatizuje business procesy pomocí AI. Ušetřete čas na repetitivních úkolech. Vyzkoušejte zdarma bez kreditní karty.">
PROBLÉM
V hero sekci je H3 tag umístěn před H1 tagem, což narušuje sémantickou strukturu stránky a může negativně ovlivnit SEO a accessibility.
DOPORUČENÍ
Změnit H3 na běžný odstavec s třídou "eyebrow" a ponechat pouze jeden H1 na stránce.
- 1 <section class="hero">
- 2 <p class="eyebrow">Inovativní řešení pro moderní firmy</p>
- 3 <h1>Automatizujte business procesy s AI platformou TechFlow</h1>
- 4 </section>
PROBLÉM
Všechny tři testimonials jsou vágní, bez konkrétních výsledků, s generickými jmény (Jan N., Marie K.) a bez fotek. Názvy firem jako "Firma s.r.o." působí nedůvěryhodně.
DOPORUČENÍ
Získat reálné testimonials od skutečných zákazníků s plnými jmény, fotkami, skutečnými názvy firem a konkrétními výsledky (čísla, procenta, úspory).
- 1 "S TechFlow jsme automatizovali 80% repetitivních úkolů a ušetřili 15 hodin týdně. ROI se nám vrátil za 3 měsíce." - Jan Novák, Operations Director, Acme s.r.o. [foto]
PROBLÉM
Submit button formuláře má generický text "Odeslat", který neříká uživateli, co se stane po kliknutí ani jaký benefit získá.
DOPORUČENÍ
Změnit text CTA na action-oriented formulaci, která komunikuje očekávaný výsledek.
- 1 Doporučené varianty:
- 2 "Chci nezávaznou konzultaci"
- 3 "Poslat poptávku zdarma"
- 4 "Objednat demo"
PROBLÉM
GDPR checkbox má extrémně dlouhý text (více než 50 slov) s právnickými detaily včetně sídla firmy a čísla v obchodním rejstříku. Toto vytváří cognitive overload a může odradit od dokončení formuláře.
DOPORUČENÍ
Zkrátit text na minimum a právní detaily přesunout na samostatnou stránku s odkazem.
- 1 <label>
- 2 <input type="checkbox" required>
- 3 Souhlasím se <a href="/gdpr">zpracováním osobních údajů</a>
- 4 </label>
PROBLÉM
Header obsahuje pouze textové odkazy bez výrazného CTA tlačítka. Při scrollování ztrácíme příležitost pro konverzi.
DOPORUČENÍ
Přidat výrazné CTA tlačítko "Vyzkoušet zdarma" do pravé části navigace s kontrastní barvou.
- 1 <nav>
- 2 <a href="#funkce">Funkce</a>
- 3 <a href="#cenik">Ceník</a>
- 4 <a href="#kontakt">Kontakt</a>
- 5 <a href="#demo" class="btn btn-primary btn-nav">Vyzkoušet zdarma</a>
- 6 </nav>
PROBLÉM
Popisný text pod headline je feature-driven a přeplněný anglickými buzzwords. Neodpovídá na otázku zákazníka "Proč bych to měl používat?"
DOPORUČENÍ
Přepsat na jednoduchý, benefit-driven text v češtině, který jasně komunikuje hodnotu pro zákazníka.
- 1 "TechFlow automatizuje rutinní úkoly ve vaší firmě. Ušetříte čas, snížíte chybovost a vaši lidé se mohou věnovat důležitějším věcem."
PROBLÉM
Celá stránka neobsahuje žádné obrázky (metadata: images: 0) - ani v hero sekci, ani u features, ani u testimonials. To snižuje engagement a důvěryhodnost.
DOPORUČENÍ
Přidat hero obrázek nebo screenshot produktu, ikony k feature kartám, fotky k testimonials a případně demo video.
- 1 1. Hero: Screenshot dashboardu nebo ilustrace automatizace
- 2 2. Features: Ikony ke každé kartě (analytics icon, integration icon, atd.)
- 3 3. Testimonials: Fotky reálných zákazníků
- 4 4. Video: Krátké demo (30-60 sekund)
PROBLÉM
Cenové plány obsahují položky formulované negativně - co plán NEMÁ. To vytváří pocit, že zákazník něco ztrácí.
DOPORUČENÍ
Odstranit negativní položky úplně nebo je přeformulovat pozitivně. Fokus na hodnotu, kterou zákazník dostává.
- 1 Místo "Bez pokročilých reportů" buď položku odstranit, nebo přeformulovat jako "Základní reporty" či "Upgrade na pokročilé reporty k dispozici".
PROBLÉM
Stránka je v češtině, ale HTML má lang="en", což indikuje angličtinu. To ovlivňuje screen readers a SEO pro české vyhledávání.
DOPORUČENÍ
Změnit lang atribut na správnou hodnotu pro češtinu.
- 1 <html lang="cs">
PROBLÉM
Formulář nemá správně propojené labels s inputy pomocí for/id atributů. To způsobuje problémy pro screen readers a snižuje accessibility.
DOPORUČENÍ
Každý input musí mít vlastní specifický label propojený pomocí for a id atributů.
- 1 <div class="form-group">
- 2 <label for="firstName">Jméno</label>
- 3 <input type="text" id="firstName" name="firstName" placeholder="Jan">
- 4 </div>
PROBLÉM
Title tag "TechFlow - Oficiální stránka" je příliš generický a neobsahuje žádný benefit ani klíčová slova. "Oficiální stránka" nepřidává žádnou hodnotu.
DOPORUČENÍ
Přepsat title tag s klíčovým slovem a benefitem. Optimální délka 50-60 znaků.
- 1 <title>TechFlow - AI automatizace business procesů | Ušetřete čas</title>
PROBLÉM
Český text je přeplněn anglickými odbornými termíny, které snižují srozumitelnost pro širší publikum a mohou odradit méně technické decision makery.
DOPORUČENÍ
Nahradit anglické buzzwords českými ekvivalenty nebo je vysvětlit. Používat conversational tone jako při mluvení s kolegou.
- 1 Místo "leveraguje cutting-edge technologie" použít "využívá nejnovější technologie"
- 2 Místo "seamless integraci across všech touchpoints" použít "propojení se všemi vašimi systémy"
PROBLÉM
Popisy features v sekci "Proč si vybrat TechFlow?" jsou příliš dlouhé (30+ slov) a nepřehledné s technickým žargonem.
DOPORUČENÍ
Zkrátit každý feature popis na max 2-3 věty. Zaměřit se na benefity místo technických detailů. Používat bullet points místo odstavců.
- 1 "Naše AI analyzuje vaše data v reálném čase a doporučí, kde ušetřit. Rozhodujte se na základě dat, ne odhadů."
PROBLÉM
Pod žádným CTA tlačítkem není text, který by snižoval vnímaný risk a podporoval rozhodnutí kliknout.
DOPORUČENÍ
Přidat krátký mikrocopy text pod primární CTA, který sníží vnímaný risk.
- 1 <a href="#demo" class="btn btn-primary">Vyzkoušet zdarma</a>
- 2 <span class="microcopy">Bez kreditní karty. Zrušíte kdykoliv.</span>
PROBLÉM
Footer zobrazuje copyright rok 2023, přestože jsme v roce 2026. To působí neprofesionálně a naznačuje zanedbanou údržbu webu.
DOPORUČENÍ
Aktualizovat rok na 2026 nebo implementovat dynamické zobrazení aktuálního roku.
- 1 © 2026 TechFlow s.r.o. Všechna práva vyhrazena.
- 2 Nebo dynamicky:
- 3 © ${new Date().getFullYear()} TechFlow s.r.o.
PROBLÉM
Na stránce nejsou žádná konkrétní čísla o úspěších zákazníků nebo velikosti firmy. "Nejoblíbenější" plán je označen bez jakéhokoliv důkazu.
DOPORUČENÍ
Přidat konkrétní čísla na viditelná místa stránky. U "Nejoblíbenější" doplnit důkaz.
- 1 "Již 500+ firem automatizuje procesy s TechFlow"
- 2 "Průměrná úspora: 12 hodin týdně"
- 3 "Professional - Volí 78% našich zákazníků"