Fallstudie · 2025 · Web
Kein Klicken zwischen Seiten.Eine vom Scrollen getriebene Erzählseite. Während du scrollst, spielt sich der ganze Bogen der Figur von Anfang bis Ende ab, wie beim Ansehen eines Films.
DField Lab ist eine kreative Microsite, die sich wie die Reise einer einzigen Figur liest · keine klassischen Seitenübergänge, jeder Abschnitt einzigartig. Das Studio hat das an das Scrollen gebundene Animationssystem, die Szenen je Abschnitt und die Asset-Pipeline geliefert · Bildpolitur auf NFT-Niveau in einem ungarischen Markenkontext, in dem nichts anderes so aussah.
- Next.js
- JavaScript
Im Einsatz
Überblick
- 1
- Durchgehende Erzählung
- 0
- Klassische Seitenübergänge
- 60fps
- An das Scrollen gebundene Bewegung
- 1st
- Einzigartig im ungarischen Agenturkontext
Eine kreative Microsite ohne klassische Seitenübergänge · der Besucher folgt der Reise einer einzigen Figur hindurch. Bildsprache auf dem Niveau einer NFT-Seite, umgesetzt auf eine Art, die in Ungarn sonst niemand versucht hat.
Was ausgeliefert wurde
Was es tut
- Durchgehend animierte Seitenübergänge
- Die Reise einer einzigen Figur durch die Seite
- Einzigartig je Abschnitt · keine Vorlage
- Bildpolitur auf NFT-Niveau
Das Problem
- Vorlagenseiten werden in fünf Sekunden verlassen
- Kreative Marken passen nicht in eine Vorlage
- Gleich aussehende Seiten töten das Content-Marketing
Warum es zählt
- Besucher folgen der ganzen Geschichte bis zum Ende
- Ein „Wow“ in der ersten Sekunde
- Optisch von Wettbewerbern nicht kopierbar
Wie es entstand
- 01 · BRIEF
Die Bildsprache vor jedem Layout festlegen.
Zuerst die Reise als Storyboard entworfen · Abschnitte waren Kapitel, keine Seiten. Eine Figur verankert die Kontinuität; der Besucher folgt ihr, statt zu „navigieren“.
- 02 · BUILD
An das Scrollen gebundene Szenen auf Next.js.
Jedes Kapitel ist eine Szene mit eigenem Bewegungsvokabular; die Übergänge dazwischen richten sich nach dem Scrollfortschritt, nicht nach einem Routenwechsel. Die Asset-Pipeline ist auf 60 fps auf gewöhnlicher Hardware ausgelegt.
- 03 · SHIP
Besucher lesen die Geschichte zu Ende.
Die Verweildauer spiegelt das Engagement · die Marke besitzt eine Bildsprache, die kein ungarischer Wettbewerber nachbauen kann, ohne die Engine neu zu bauen.
Stack
Erzählung
Eine Figur verankert die Reise
Das Kontinuitätsmittel ersetzt das, was eine übliche Seite an Rahmen verwendet (Navigation, Brotkrumen) · es ist eine Geschichte, keine Sitemap.
Bewegung
An das Scrollen gebundene Szenen, Ziel 60 fps
Die Bewegung jeder Szene ist an den Scrollfortschritt gebunden · kein automatisches Abspielen, keine theatralischen Hero-Schleifen.
Pipeline
Asset-Pipeline auf gewöhnliche Hardware ausgelegt
WebP und über ein Manifest gesteuertes Vorladen halten den LCP schnell, selbst bei den schwereren Szenen-Assets.
Nische
Politur auf NFT-Niveau im Kontext einer Marketingseite
Die Bildsprache stammt aus dem Playbook für NFT-Launches · keine andere ungarische Agentur hatte sie damals so für eine Markenseite eingesetzt.
Fallstudie
“Wir wollten etwas völlig anderes als alles in unserem Markt, kein langweiliges Durchklicken Seite für Seite. Das Studio hat eine Seite gebaut, auf der man gar nicht klickt: Man scrollt einfach, und die Geschichte einer einzigen Figur entfaltet sich vor einem von Anfang bis Ende, wie beim Ansehen eines Films. Zwei Jahre später nutzt die Marke sie noch. Wir haben sie nie ersetzt, weil kein hiesiges Studio auch nur nahekam.”
Mehr Arbeiten
Nächstes Projekt
DField Poker