Přeskočit na obsah
Konzultace zdarma

Značka · Web

Mystikum

Logo a web pro online prostor propojující služby osobního růstu s jejich klienty.

NástrojePhotoshop, Illustrator, WordPress, AI asistenti pro programování
Spolupráceve spolupráci s Kristýnou Fryč

O projektu

Mystikum je místo, kde se setkávají lidé hledající osobní a duchovní růst s těmi, kdo jim mohou pomoci.

Vytvořil jsem tento projekt společně s Kristýnou Fryč. Sami nabízíme služby v oblasti osobního rozvoje a cítili jsme, že chybí prostor, kde by se podobně smýšlející lidé mohli spojit a spolupracovat.

Mystikum představuje a propaguje kouče, terapeuty, umělce a další profesionály zaměřené na osobní růst.

Cíl: Propojit nabídku s poptávkou a postupně vybudovat komunitu, která se bude setkávat i offline.

Logo Mystikum

Moje role

Spolupráce na tvorbě projektu od nuly.

  • Koncept a naming
  • Logo a vizuální identita
  • Webdesign a vývoj (WordPress)

Výzva

Jak vytvořit web, který:

  • Vizuálně odráží duchovní rozměr projektu
  • Funguje intuitivně pro uživatele hledající služby
  • Vyniká technicky – parallax efekt, vlastní kód

Největší překážka: WordPress limitoval možnosti designu homepage. Musel jsem naprogramovat vlastní řešení s pomocí AI, abych dosáhl požadovaného vizuálního efektu.

Proces

Hledání vize

Projekt vznikl z pocitu, že taková služba chybí. Neexistuje místo, kde by se lidé z oblasti osobního růstu mohli snadno najít a propojit. Nevěděli jsme o žádné přímé konkurenci – což bylo zároveň výzvou i příležitostí.

Hledání inspirace pro design webu Mystikum
Hledání směru

Tvorba identity

Logo a vizuální styl musely odrážet:

  • Duchovnost – ale ne klišé
  • Profesionalitu – důvěryhodnost
  • Otevřenost – přívětivost pro všechny
Logosymbol Mystikum
Nový logosymbol

Design webu

Hlavní designové rozhodnutí: Vytvořit interaktivní pozadí s chrámem, který se přibližuje při scrollování. Chrám symbolizuje svatyni – bezpečné místo pro setkávání a spolupráci.

Návrh pozadí s chrámem
Návrh chrámu na pozadí

Technická realizace

WordPress mě limitoval, takže jsem musel:

  • Naprogramovat vlastní parallax efekt
  • Optimalizovat výkon (velké obrázky)
  • Zajistit responzivitu na všech zařízeních
Vlastní kód v rámci WordPressu
Vlastní kód

Aktuální stav

Web je stále živý projekt, na kterém se pracuje v mezičase, a stále na něm zbývá spousta práce, zejména:

  • Obsah a SEO optimalizace
  • UI pro lepší uživatelskou přívětivost
  • Onboarding nových poskytovatelů služeb
Stránka jednotlivých mystiků
Stránka jednotlivých mystiků

Klíčové designové prvky

  • Parallax chrám – Interaktivní pozadí, které reaguje na scroll a vytváří pocit „vcházení“ do prostoru
  • Duchovní, ale moderní paleta
  • Čistá typografie
  • Intuitivní navigace

Výsledek

Mystikum je živý projekt, který postupně roste. Aktuálně funguje jako nezisková platforma s vizí:

  • Pořádat offline setkání a workshopy
  • Vybudovat komunitu podobně smýšlejících lidí
  • Pomoci desítkám poskytovatelů služeb najít své klienty

Co jsem se naučil

Někdy je potřeba jít proti limitům nástrojů. WordPress je skvělý CMS, ale pro specifickou vizi jsem musel sáhnout po vlastním kódu.

To ve mně zažehlo touhu po lepším způsobu, jak tvořit designové stránky, až jsem nakonec našel webstudio.is – vizuální platformu pro vývoj webových aplikací a webů pro designéry a vývojáře.

Další projekt Pulz Interní firemní magazín pro městskou korporaci THMP.
Mockup vytištěného magazínu Pulz