Thunderstruck
Case study, ktorú si môžete stlačiť.
Toto je jediná case study, čo môžete reálne otestovať, nie len prečítať. Stojíte priamo v nej. Všetko nižšie tu reálne beží, nie je to len obrázok ani druhá kópia.
- Prezentačný web
- Vlastný projekt
- 2026
Živá prehliadka
Procedurálny blesk
Blesk nie je video ani sprite. Kreslí sa na plátno bod po bode a spustí ho každé kliknutie na stránke, okrem kliknutí na tlačidlá a odkazy, ktoré búrka zámerne ignoruje, aby neblesla nikomu pod prstom pri ceste za niečím iným. Toto tlačidlo je preto výnimka: volá presne tú istú funkciu priamo.
0 úderov odkedy ste tu
Počítadlo počúva tú istú udalosť, akou sa rozsvieti hero guľa.
WebGL guľa
To isté plátno a ten istý shader ako v hero, len menšie. Ak zariadenie WebGL nezvládne, komponent sa sám prepne na statickú náhradu. Nie je to chyba, je to plán.
Skúste si to sami. Toto je ten istý shader, otvorený na nastavenie. Mení sa len táto guľa; hero na ostatných stránkach zostáva presne taká, aká bola.
Rovnaká inštancia PlasmaCore, akú vykresľuje hero.
Búrka riadená skrolovaním
Po celom webe rastie intenzita búrky s tým, ako hlboko ste na stránke. Tu ju máte v ruke: skrolujte v dráhe vpravo a búrka za týmto textom sa mení pod vašimi prstami. Čísla nie sú animácia, čítajú sa priamo z bežiacej vrstvy.
Skrolujte v dráhe. Úplne dole ide búrka na plný výkon; keď odídete zo stránky, riadenie sa vráti skrolovaniu.
- Bleskov na plátne
- —
- Režim
- —
Čítané naživo z bežiacej vrstvy, nie z kópie.
Deterministický service finder
Kvíz na stránke Služby nevolá žiadny model, päť kategórií oddelia dve otázky, takže je to rozhodovacia tabuľka. Je okamžitý a nemá ako zlyhať. Žije na jednom mieste a nikam ho nekopírujeme.
Jedna inštancia, jeden stav, preto odkaz a nie kópia.
Interaktívny kalkulátor
Ten istý kalkulátor, aký je na Cenníku, aj s tou istou logikou. Vyberte viac kategórií naraz a cena sa poskladá, nič sa neodosiela.
Orientačné rozpätie
1 000 – 1 400 €
Odhad je orientačný a nezáväzný. Presná cena vyjde až z rozsahu, ktorý si spolu prejdeme.
Importovaný PriceEstimator, nie jeho druhá verzia.
Naša rola
Postavili sme si ho sami, bez klienta, bez schvaľovacieho kolieska a bez rozpočtu, ktorý by nás niekde zastavil.
Pri klientskych projektoch píšeme „podieľali sme sa“ a myslíme to vážne. Sme súčasťou väčšieho tímu. Tu to neplatí. Toto je Thunderstruck, keď ho nič nedrží späť: každé rozhodnutie, každý efekt aj každý kompromis je náš.
Technický prístup
WebGL a jeho záložný plán
Guľa beží na vlastnom fragment shaderi. Nie každé zariadenie WebGL zvládne, tak komponent kontext otestuje a pri zlyhaní sa prepne na statickú náhradu. Stránka nikdy nečaká na grafiku, ktorá nepríde.
Choreografia prechodov
Prechody medzi stránkami stoja na View Transitions API. Hviezdy, búrka, hlavička a chat majú vlastné mená, takže počas prechodu stoja na mieste namiesto toho, aby blikli. Stránka pod nimi sa vymení.
Architektúra kvízu
Service finder začínal ako volanie na jazykový model. Pri piatich kategóriách je to zbytočné: dve otázky ich oddelia úplne. Prepísali sme ho na rozhodovaciu tabuľku. Okamžitý výsledok, žiadne volanie, žiadny limit, žiadna vymyslená šiesta kategória.
Jedna taxonómia naprieč systémom
Päť kategórií služieb je napísaných na jednom mieste a všetko ostatné ich odtiaľ číta, karty služieb, cenník, kalkulátor, kontaktný formulár aj štítky pri projektoch. Predtým to boli štyri nezávislé zoznamy a rozišli sa.
Kde sme dnes
Stránka sa aktívne vyvíja a bude sa meniť aj po tom, ako toto dočítate.
Nemáme pre ňu čísla o návštevnosti ani konverziách. Nebeží dosť dlho a vymyslieť si ich by odporovalo všetkému ostatnému na tejto stránke. Jediná metrika, za ktorú sa vieme postaviť, je výkon, a tú si viete overiť sami.
(09) Začnime projekt
Máte nápad na projekt? Poďme na to.
Čím viac nám poviete o projekte, tým presnejšie vieme odpovedať. Na každý dopyt reagujeme do dvoch pracovných dní.
Aktuálne prijímame nové projekty.