网页2025
Lumora 专注力产品官网
产品设计 · 网页开发
Next.jsWeb Audio API玻璃拟态滚动叙事
背景
一款专注力管理产品,需要在官网上把抽象的「注意力」概念讲清楚、并让人上手体验。
方案
用玻璃拟态的视觉语言,滚动叙事逐屏展开;内嵌一个用 Web Audio API 程序化生成白噪音的交互演示,零音频素材即可体验。
结果
一个兼具质感与功能的产品落地页,把「演示」变成了「说服」。
产品设计 · 网页开发
一款专注力管理产品,需要在官网上把抽象的「注意力」概念讲清楚、并让人上手体验。
用玻璃拟态的视觉语言,滚动叙事逐屏展开;内嵌一个用 Web Audio API 程序化生成白噪音的交互演示,零音频素材即可体验。
一个兼具质感与功能的产品落地页,把「演示」变成了「说服」。
假作真时真亦假,无为有处有还无。