Interacción y desarrollo
may. 2026
Lumen Field
Lumen Field es una experiencia de marketing centrada en coordinación que construí de principio a fin — acceso membership y visibilidad del treasury en una UI infra oscura premium. Un scroll recorre el embudo: hero, manifesto, tiers de membership, lente treasury, roadmap por temporadas, invitación a community y bloque Market Field con contexto crypto en vivo junto a la narrativa.
El craft visual lleva la historia. Un hero React Three Fiber ancla el pliegue inicial; GSAP y ScrollTrigger escenifican reveals de sección sin romper la legibilidad. SCSS modules y design tokens mantienen la paleta oscura en copy del manifesto, tarjetas de tier, tiles treasury y escalera del roadmap. Market Field obtiene precios spot públicos vía integración server tipada en Next.js con revalidación corta — informativo, solo lectura, no superficie de trading.
Hero inicial — pieza central luminosa sobre fondo oscuro profundo, titular confiado sobre supervisión del treasury, tres stats fáciles de escanear.
Manifesto — titular «Visibility is coordination», copy explicativo cálido, barra lateral sobre transparencia y decisiones responsables.
Membership — titular «Keys that choreograph—not gatekeep», intro acogedor, tres tarjetas de tier con precios y listas de ventajas escaneables.
Treasury — titular «Treasury glass, hardened.»; cifras solo ilustrativas, tres tiles escaneables y una franja de insight más ancha.
Roadmap — titular «Season-based shipping.»; temporadas enlazan narrativa y milestones, escalera escalonada con hecho y próximo.
Community — titular «Join the luminous council.», nota de ritmo pausado, dos acciones claras, viñetas hoy vs. más tarde.
Market Field — titular «Live market context»; snapshot solo lectura con datos públicos, filas de activos con precio live y cambio diario.