Restartweb

Rozcestník pro všechny prodejní stránky

Jedna vstupní stránka, ze které vedou odkazy na všechny prodejky.

Nejdřív klikací karty se stránkami, pod nimi rozbalovací technické poznámky.

Společný základ prodejek

Jak stránka vede návštěvníka Hero, vysvětlení hodnoty, důkazy, námitky a finální CTA v jasném sledu.
Mikroprvky důvěry Social proof, konkrétní čísla, kapacita, FAQ, kontakty, garance a opakovaná CTA.
Stejná logika značky Silný headline, podtržení klíčových slov, kontrastní tlačítka a text zaměřený na výsledek.

Stránky

Hlavní rozcestník na jednotlivé prodejky.

Rozpracováno

Kniha Restart muže

Otevřít stránku →
Otevřené body
  • Nová fotka knihy s razítkem 15 000.
  • Počítadlo prodaných kusů.
Rozpracováno pro feedback

Chlapský víkend O ženách

Zvýraznění změn → Otevřít stránku →
Otevřené body
  • Zpětná vazba, nové prvky jsou označené vlaječkou.
  • Prvky pro různé fáze kampaně jsou označené campaign tagem.
  • Rozšíření sekce průvodců o sdělení Slávy a Milana.
  • Fotky.
  • Sekce Co potom?
Připravuje se

Chlapský víkend O výchově

Otevřené body
  • Zatím bez podkladů, stránka bude založena.
Technické a UX poznámky
Kniha: jak je řešený scroll a načítání objednávky

CTA odkazy na `#objednavka` nepoužívají jen defaultní anchor scroll. Kliknutí se zachytí přes JavaScript, spustí se `smoothScrollTo(target, 800)` a cílová pozice se během animace v každém snímku znovu přepočítává přes `element.getBoundingClientRect().top + window.pageYOffset`, takže scroll drží přesné místo i při změně layoutu.

Současně je pro formulář připravený wrapper `#fapiFormWrap` s pevnou `min-height`, takže je pro objednávku rezervované místo ještě před vykreslením FAPI.

Formulář se nespouští až po dojetí na sekci. Načítá se dopředu přes `IntersectionObserver` s `rootMargin: 2000px` a také při hoveru nebo touch na CTA. Při kliku se případně zobrazí spinner, ale cílem je, aby při dojezdu už byl formulář načtený nebo minimálně připravený v layoutu.

Kniha: výkon stránky

Lokalní fonty přes `@font-face`, preload kritických řezů a `font-display: swap`. Hero obrázek má pevné rozměry a `fetchpriority`, takže se zlepšuje první vykreslení a snižuje riziko layout shiftu.

Obě stránky: mikroprvky důvěry a konverzní logika

Obě stránky pracují se social proofem, konkrétními čísly, FAQ, kontakty a opakovanými CTA. Všechno vede k jedné hlavní akci.

Víkend: campaign tagy a nové prvky

Ve stránce je rozdělení na phase 1, phase 2 a phase 3.

Phase 1 je základní verze stránky. Phase 2 přidává urgency prvky (odpočet, zbývající místa, campaign CTA). Phase 3 přidává horní bar s naplněnou kapacitou a posledními místy.

V pracovní verzi jsou prvky phase 2 a phase 3 viditelně označené campaign vlaječkami. Nové obsahové prvky jsou označené zvlášť přes `data-new`.