Interaction et développement
mai. 2026
Lumen Field
Lumen Field est une expérience marketing axée coordination que j’ai construite de bout en bout — accès membership et visibilité treasury via une UI infra sombre premium. Un scroll parcourt l’entonnoir : hero, manifesto, tiers membership, lens treasury, roadmap par saisons, invitation community et bloc Market Field avec contexte crypto live à côté du récit.
Le craft visuel porte l’histoire. Un hero React Three Fiber ancre le first fold ; GSAP et ScrollTrigger mettent en scène les reveals de section sans nuire à la lisibilité. SCSS modules et design tokens unifient la palette sombre sur copy manifesto, cartes tier, tuiles treasury et échelle roadmap. Market Field récupère les prix spot publics via une intégration server typée Next.js avec revalidation courte — informatif, lecture seule, pas de surface de trading.
Hero d’ouverture — pièce centrale lumineuse sur fond sombre profond, titre assuré sur la supervision treasury, trois stats skim-friendly.
Manifesto — titre « Visibility is coordination », copy explicatif chaleureux, encart sur transparence et choix responsables.
Membership — titre « Keys that choreograph—not gatekeep », intro accueillante, trois cartes tier avec prix et listes d’atouts skim-ready.
Treasury — titre « Treasury glass, hardened. » ; chiffres illustratifs, trois tuiles skim plus une bande insight plus large.
Roadmap — titre « Season-based shipping. » ; saisons lient récit et milestones, échelle en marches avec done et next.
Community — titre « Join the luminous council. », note de rythme posé, deux actions claires, puces aujourd’hui vs plus tard.
Market Field — titre « Live market context » ; snapshot lecture seule depuis données publiques, lignes d’actifs avec prix live et variation journalière.