Zum Inhalt springen
S.

Interaktion & Entwicklung

Mai. 2026

Lumen Field

Lumen Field

Lumen Field ist ein coordination-fokussiertes Marketing-Erlebnis, das ich End-to-End gebaut habe — Membership-Zugang und Treasury-Sichtbarkeit in einer premium dunklen Infra-UI. Eine Scroll-Strecke durch die Funnel: Hero, Manifesto, Membership-Tiers, Treasury-Lens, season-basierter Roadmap, Community-Einladung und Market Field mit live Krypto-Kontext neben der Narrative.

Visual Craft trägt die Story. Ein React Three Fiber Hero im First Fold; GSAP und ScrollTrigger inszenieren Section Reveals ohne Lesbarkeit zu brechen. SCSS Modules und Design Tokens halten die dunkle Palette über Manifesto, Tier Cards, Treasury Tiles und Roadmap-Ladder konsistent. Market Field holt öffentliche Spot-Preise über typisierte Next.js Server Integration mit kurzer Revalidation — informational, read-only, keine Trading-Oberfläche.

Live ansehenRepository ansehen
  • Opening Hero — leuchtendes Centerpiece auf deep dark Backdrop, selbstbewusste Headline zu Treasury Oversight, drei skim-friendly Stats.

    Opening Hero — leuchtendes Centerpiece auf deep dark Backdrop, selbstbewusste Headline zu Treasury Oversight, drei skim-friendly Stats.

  • Manifesto — Headline „Visibility is coordination“, warmer Erklärungstext, Sidebar zu Transparenz und accountable choices.

    Manifesto — Headline „Visibility is coordination“, warmer Erklärungstext, Sidebar zu Transparenz und accountable choices.

  • Membership — Headline „Keys that choreograph—not gatekeep“, einladendes Intro, drei Tier Cards mit Preisen und skim-ready Perk-Listen.

    Membership — Headline „Keys that choreograph—not gatekeep“, einladendes Intro, drei Tier Cards mit Preisen und skim-ready Perk-Listen.

  • Treasury — Headline „Treasury glass, hardened.“; Zahlen nur für Storytelling, drei skim Tiles plus ein breiterer Insight-Streifen.

    Treasury — Headline „Treasury glass, hardened.“; Zahlen nur für Storytelling, drei skim Tiles plus ein breiterer Insight-Streifen.

  • Roadmap — Headline „Season-based shipping.“; Seasons verbinden Narrative mit Milestones, Stepped Ladder mit Done und Next.

    Roadmap — Headline „Season-based shipping.“; Seasons verbinden Narrative mit Milestones, Stepped Ladder mit Done und Next.

  • Community — Headline „Join the luminous council.“, steady pacing note, zwei klare Actions, Bullets heute vs. später.

    Community — Headline „Join the luminous council.“, steady pacing note, zwei klare Actions, Bullets heute vs. später.

  • Market Field — Headline „Live market context“; Watch-only Snapshot aus public pricing data, tidy Asset Rows mit Live Price und Daily Change.

    Market Field — Headline „Live market context“; Watch-only Snapshot aus public pricing data, tidy Asset Rows mit Live Price und Daily Change.

GEFÄLLT DIR,WAS DU SIEHST?

Anfragen