Nezávazná konzultace

← Zpět na reference

Případová studie Případová studie · Značkový web · 2026

Thornyx: web jako nositelné umění

Thornyx je značka ručně vyráběných cínových šperků z Brna. Nejde o běžné šperky, ale o nositelné umění — a web to musel říct dřív, než návštěvník stihne přečíst první větu. Hlavní scénu drží 3D kovové logo, které reaguje na pohyb myši jako tekutina, nad tmavou fotografií šperků v kontextu.

Liquid-metal 3D logoTmavá art-directionVlastní katalog kolekceFormulář s ochranou Cloudflare

Zadání

Postavit web, který během dvou vteřin sdělí řemeslo i estetiku značky. Žádný klasický e-shop — spíš tmavá galerie, kde se návštěvník posune od „co to je" k „tohle chci mít" a osloví autorku napřímo.

Co jsme postavili

Tři skutečné části webu, tak jak dnes vypadají na thornyx.cz.

02 Kolekce

Kolekce jako výstavní katalog

Mřížka kousků s římskými číslicemi jako oddělovači působí spíš jako lookbook než e-shop. Po rozkliknutí se otevře detail s materiálem a cenou — galerie zůstává čistá, prodejní funkce nezmizí.

  • Filtr podle typu: náhrdelník, čelenka, náušnice…
  • Cena a materiál rovnou v náhledu, bez proklikávání
  • Detail na klik, galerie se přitom neopouští
thornyx.cz/#kolekce
Kolekce šperků Thornyx jako výstavní katalog
03 Řemeslo

„Jak se to vyrábí?"

Vlastní sekce mezi kolekcí a osobní částí, připravená na video z dílny. Až bude natočené, dá návštěvníkovi, který už ví, že se mu šperky líbí, ujištění o autenticitě ruční výroby.

thornyx.cz
Sekce „Jak se to vyrábí?" na webu Thornyx, zatím s poznámkou Připravujeme
04 O mně & kontakt

Osobní příběh a kontaktní formulář

Text v první osobě podepsaný „— Baru" dává značce lidskou tvář. Kontaktní formulář má pole „kousek, který vás zaujal" a je chráněný proti robotům přes Cloudflare, takže autorka rovnou ví, o co zákazník stojí, bez spamu ve schránce.

  • Osobní text v první osobě, podepsaný „— Baru"
  • Pole „kousek, který vás zaujal" ve formuláři
  • Ochrana proti robotům přes Cloudflare Turnstile
thornyx.cz/#o-mne
Sekce O mně na webu Thornyx s fotkou autorky a osobním textem

Přístup

Celý web jede na jednom silném vizuálním tónu: hluboká čerň, liquid-chrome stříbrná a serifové logo. Tmavá art-direction není efekt pro efekt — drží pozornost u produktu a dělá z prohlížení zážitek.

Tailwind CSS Utility-first styling
Cloudflare ochrana Turnstile proti robotům na formuláři
Vlastní liquid-metal efekt 3D logo reaguje na pohyb myši
Katalog na míru Bez cizí e-shop platformy

Podívejte se na živý web

Thornyx běží naživo — mrkněte, jak to celé funguje v pohybu.

Otevřít thornyx.cz → Chci podobný web