Esettanulmány · 2025 · Web
Nincs kattintgatás oldalak között.Görgetésre épülő interaktív történet-oldalt építettünk. Ahogy görgetsz, a karakter teljes története lejátszódik elejétől a végéig, mintha filmet néznél.
A DField Lab kreatív microsite, ami egy karakter útjaként olvasódik · nincsenek klasszikus oldalváltások, minden szekció egyedi. A stúdió szállította a scroll-kötött animációs rendszert, a szekciónkénti scene-eket és az asset-pipeline-t · NFT-szintű vizuális finomítás magyar márkakörnyezetben, ahol semmi nem nézett ki így.
- Next.js
- JavaScript
A működés
Áttekintés
- 1
- Folyamatos narratíva
- 0
- Klasszikus oldalváltás
- 60fps
- Scroll-kötött mozgás
- 1st
- Magyarországon első
Egyedi kreatív bemutatkozó oldal, ahol nincsenek klasszikus oldal-váltások · egy karakter útjaként halad a látogató végig. NFT-s weboldalak vizuális szintje, amit Magyarországon még senki nem csinált így.
Mi készült el
Mit csinál
- Folyamatos, animált oldal-átmenetek
- Egy karakter utazása az egész oldalon
- Egyedi minden szekciónál · nem sablon
- NFT-niche szintű vizuális élmény
A probléma
- A sablonos bemutatkozó oldalakról 5 másodperc alatt továbbkattintanak
- Egy kreatív márka nem fér bele egy sablonba
- A kontent marketing hatását öli, ha az oldal mind ugyanúgy néz ki
Miért számít
- A látogató végigmegy a teljes történeten
- „Wow” hatás az első másodperctől
- A márkát senki nem tudja vizuálisan lemásolni
Hogyan készült
- 01 · BRIEF
Lerögzítsük a vizuális regisztert minden layout előtt.
Először storyboardoltunk · a szekciók fejezetek, nem oldalak. Egy karakter horgonyozza a folytonosságot; a látogató követi, nem „navigál”.
- 02 · BUILD
Scroll-kötött scene-ek Next.js-en.
Minden fejezet egy scene saját mozgás-szókinccsel; a köztük lévő átmenet scroll-progressen történik, nem route-váltáson. Az asset-pipeline 60fps commodity hardverre méretezve.
- 03 · SHIP
A látogatók végigolvassák a történetet.
Az időn-az-oldalon szám tükrözi az engagementet · a márka olyan vizuális regisztert birtokol, amit magyar versenytárs nem tud lemásolni a motor újraépítése nélkül.
Technológia
Narratíva
Egy karakter horgonyozza az utat
Folytonossági eszköz, ami helyettesíti a tipikus chrome-ot (nav, breadcrumb) · történet, nem sitemap.
Mozgás
Scroll-kötött scene-ek, 60fps cél
Minden scene mozgása scroll-progressre kötve · nincs autoplay, nincs színpadias hero-loop.
Pipeline
Asset-pipeline commodity hardverre méretezve
WebP + manifest-vezérelt preload tartja gyorsan az LCP-t a szokásosnál nehezebb scene-asseteknél is.
Niche
NFT-szintű finomítás marketing-site kontextusban
A vizuális regiszter az NFT-launch playbookból jön · akkoriban más magyar ügynökség nem használta így márka-honlapra.
Esettanulmány
“Olyat akartunk, ami teljesen más, mint bármi a piacon, semmi unalmas oldalról-oldalra kattintgatás. A csapat olyan honlapot épített, ahol egyáltalán nem kell kattintani: csak görgetsz, és egyetlen karakter története bontakozik ki előtted, az elejétől a végéig, mintha filmet néznél. Két év múlva is használjuk. Nem cseréltük le, mert hazai megoldás meg sem közelítette.”
További munkák
Következő projekt
DField Poker