Zpět na vizitku

Ukázky práce

Co umím postavit

Každý web, který stavím, je originál. Nekopíruji šablony — hledám vizuální jazyk, který sedí právě vašemu příběhu, a spojuji ho s moderním, rychlým a bezpečným kódem.

Tady je přehled toho, co je technicky možné. A protože nejlepší ukázka je živý web, najdete níže projekty, kde vše můžete vidět.

Atmosférická pozadí

  • Živá barevná pozadí přes celý web — jemně se vlnící vlny, světelné mlhoviny.
  • Živé 3D video pozadí — plynulé a nekončící, a přesto lehké a rychlé (přesně ta vlna, která teče za touto stránkou).
  • Plynule navazující barevné škály řízené scrollem (barva jako příběh).

Vstupní animace

  • Interaktivní vstupní animace — vodní hladiny, rozpínající se barevná pole.
  • Úvodní texty nabíhající postupně po částech.

Autorská navigace

  • Kruhová (radiální) navigace s postupným nabíháním.
  • Vyskakovací menu s ikonou geometrického symbolu.
  • Plovoucí navigace dostupná při scrollování.

Interaktivní prvky

  • Nápisy a prvky reagující na pohyb kurzoru.
  • Položky menu s odhalením skrytého podnadpisu.
  • Karty z matného skla s jemnou reakcí na najetí.
  • Kontaktní formulář s okamžitým poděkováním — bez znovunačtení stránky.
  • Reference formou rozbalovacích karet.

Video, detaily a řemeslo

  • Video galerie — vizuální esence značky.
  • Prvky, které se chytře přizpůsobí zařízení — pohyblivé video pozadí na počítači se na mobilu ztiší do klidného obrázku, aby nerušilo text.
  • Nadpisy s barevným přechodem, autorská chybová stránka (404) v duchu webu.
  • Rychlost, prověřená bezpečnost, přístupnost a čitelnost pro AI — samozřejmostí.

Každý web stavím poctivě, krok za krokem — ne za deset minut „na jedno kliknutí". S rozmyslem, pořádkem a pravidelnou zálohou: vím o každém dílku, kde je a proč tam je. Proto výsledek není narychlo slepený web, který se za chvíli rozsype, ale stavba s pevným základem — připravená vydržet a dál růst s vámi.

Nejen weby

Interaktivní produkty a automatizace

Web není všechno. Umím postavit i interaktivní produkt a napojit ho na celý prodejní a e-mailový systém — tak, aby fungoval sám.

Pro Open Your Power jsem postavila dvě e-knihy: bezplatné Laskavé zastavení jako lead magnet a placený interaktivní deník Návrat k sobě. Ten se vyplňuje přímo v prohlížeči — na interaktivním Kole života si vyberete oblast, projdete otázkami a cvičeními, na konci vše vytisknete nebo stáhnete, případně jedním tlačítkem vymažete a začnete znovu.

A hlavně: obojí je propojené do funkčního celku — přihlášení → prodejní brána (Simpleshop) → e-mailová automatizace (MailerLite) → u placeného produktu i přístup do podpůrné komunity (Skool). Ta se stará o zbytek sama: dvojí potvrzení, automatické doručení a několik navazujících e-mailů, které rozlišují, jestli zákazník už nakoupil, nebo ne. Od návštěvníka až po hotový produkt ve schránce, bez jediného ručního zásahu.

A propojování nekončí u jednoho produktu. Objednávku koučinku jsem napojila na celý automatický řetěz: rezervace termínu přes Cal.com → platba přes Stripe → Make.com → automatická faktura ve Fakturoidu. Klientovi navíc hned dorazí e-mail nejen s fakturou, ale i s obchodními podmínkami, zásadami GDPR a tlačítkem pro odstoupení od smlouvy — přesně podle českých zákonů. Prodej e-knihy a deníku běží druhou cestou (Simpleshop + platební brána Comgate). Ať už si klient koupí produkt, nebo si zarezervuje koučink, o zbytek — platbu, fakturu, e-maily i zákonné náležitosti — se systém postará sám.

Podívat se na e-knihy naživo

Podívejte se naživo

Živé ukázky

Nejlepší důkaz je web, který žije. Podívejte se, jak tyhle prvky fungují v praxi:

Open Your Power

Vlnící se vodní hladina na vstupu, kruhové menu s postupným nabíháním, nápis reagující na pohyb kurzoru, položky menu s odhalením skrytého podnadpisu — a další…

Navštívit web

Morion Light

Plynule navazující barevná škála řízená scrollem (barva jako příběh), vyskakovací menu s ikonou geometrického symbolu, plovoucí navigace dostupná při scrollování — a další…

Navštívit web

A tuhle vizitku máte právě před sebou — je také celá autorská. I ta vlna, která se za ní tiše vlní, je živé 3D video — vyladěné z 37 MB na 2 MB tak, aby zůstalo lehké a web bleskově rychlý. Na počítači se vlní, na mobilu ji ale záměrně nechávám jako klidný obrázek — aby nerušila text nad ní. Web se prostě chová jinak podle zařízení.