✺ Praktický kurz Claude Code zdarma Prohlédnout kurz →
Vojtěch ✦ Bruk Nezávazná konzultace

Tvorba webových stránek

Cihla a Kapitál: od stránky s materiálem k navazujícímu e-mailu

Web, materiály ke stažení a e-maily v jednom vizuálním stylu

cihlakapital.cz ↗
Cihla a Kapitál
Materiály ke stažení
3

Timeline, checklist a vzor smlouvy

Doručovací zprávy
3

Publikované podle evidence nasazení

Rok realizace
2026

Web a návaznosti pro newsletter

01 / O projektu

Pro Cihlu a Kapitál jsem převedl dodaný návrh do WordPressu a připravil stránky tří materiálů ke stažení. Na web navazují doručovací e-maily v Kitu. Celá cesta má společný vzhled a každý materiál vlastní vstupní stránku i zprávu s odkazem na soubor.

Zadání projektu

Jakub Hošek připravoval newsletter a praktické materiály pro lidi, kteří se zajímají o nemovitosti. Zadání obsahovalo homepage podle Figmy, tři stránky materiálů ke stažení a navazující děkovné stránky. Součástí práce bylo také propojení formulářů s Kitem a příprava e-mailového doručení.

Řešení

Jakub dodával a potvrzoval obsah. Já jsem řešil převod návrhu do webu, formuláře, návaznosti a nasazení. Práce pokračovala i po první verzi: doplněním finálních souborů, úpravami doručovacích e-mailů a sjednocením jejich vzhledu s webem.

02 / Výsledek

Co jsme udělali

Od dodaného návrhu přes formuláře k souborům a doručovacím e-mailům. Další uvítací e-maily jsou připravené jako koncepty.

  1. 01

    Převod návrhu

    Začal jsem dodaným návrhem homepage. Na stejném základě vznikly tři vstupní stránky pro materiály.

    Převod návrhu
  2. 02

    Formuláře a děkovné stavy

    Formuláře mají oddělené volby newsletteru a partnerských nabídek. Navazující děkovné stavy se připravovaly a testovaly na stagingu.

    Formuláře a děkovné stavy
  3. 03

    Finální materiály

    Po dodání PDF a vzoru smlouvy jsem napojil soubory na web a doručovací zprávy. U změn se ukládal původní stav a kontrolovaly soubory, odkazy a nastavení.

    Finální materiály
  4. 04

    Sjednocení e-mailů

    Doručovací zprávy a potvrzovací tlačítka dostaly vzhled navazující na web. Další uvítací e-maily zůstaly jako koncepty.

    Sjednocení e-mailů
03 / Součásti řešení

Co nový web umí

WordPress podle Figmy

Dodaný návrh převedený do vlastní šablony.

Tři vstupní stránky

Každý materiál má vlastní popis a formulář.

Oddělené souhlasy

Newsletter a partnerské nabídky mají samostatné volby.

Doručení přes Kit

Tři doručovací sekvence navazují na formuláře.

Děkovné stránky

Vysvětlení dalšího kroku a odkazy do poštovních schránek.

Společný vzhled

Web a doručovací e-maily spojují logo, typografie a tlačítka.

Výsledky

Homepage představuje newsletter a obsahuje přihlašovací formulář. Dodaný návrh jsem zpracoval do vlastní WordPress šablony. Stránka pracuje s ilustracemi, výraznou typografií a oranžovými tlačítky. Formulář má samostatnou volbu pro partnerské nabídky.

Tři materiály mají vlastní stránky a soubory. Timeline rekonstrukce a Checklist nemovitosti jsou připravené jako PDF, Vzor rezervační smlouvy jako dokument Word. Každý má svůj formulář. Kdo přijde na konkrétní materiál, vidí jeho popis a způsob získání.

Na formuláře navazují tři doručovací sekvence v Kitu. Pro každý materiál je podle evidence nasazení publikovaný doručovací e-mail a aktivní pravidlo propojující formulář se sekvencí. Upravil jsem odkazy na finální soubory i vzhled zpráv: logo, písmo a tlačítka navazují na web. Zachované je dvojité potvrzení přihlášení.

Děkovné stránky vysvětlují další krok. Produkční úprava vede návštěvníka ke zprávě v e-mailové schránce. Stránky obsahují odkazy na poštovní služby a bez potřebného kontextu zobrazují bezpečný náhradní stav.

Pojďme začít

Máte obsah, který chcete dostat k lidem?

Pomůžu vám připravit web a propojit formuláře s e-mailovým nástrojem. Napište mi, co nabízíte a jak má návštěvník pokračovat po odeslání formuláře.

Napsat e-mail [email protected]
Kontaktní formulář