年份
2024
项目
五周年互动微站
范围
创意前端开发、无限照片墙、动效、响应式实现、上线 QA
行业
文化、音乐、品牌微站
技术
Vite
Vanilla JavaScript
CSS
Web Audio API亮点
- 承载周年影像档案的沉浸式无限照片墙
- 符合 Cultish 品牌气质的暗色噪点视觉系统
- 带 sound-on 入口的周年纪念体验
- 更接近 campaign 体验而不是普通落地页的前端节奏
- 为强视觉微站完成响应式实现和上线检查
需求与挑战
客户需求
“五周年网站需要像走进 Cultish 的影像档案，而不是普通 landing page。开发要让开放式照片画布有探索感，同时保留品牌粗粝、音乐化的视觉能量。”
挑战
- 让开放式照片画布像一个有设计的体验，而不是普通相册
- 在声音、动效和质感之间保持可用性
- 在移动端保留无限照片构图和 campaign 的原始冲击力
我们的做法
无限照片墙
我们把周年档案铺成一个开放、漂移的影像场，让浏览更像探索品牌记忆，而不是线性翻页。
可控的粗粝感
噪点、暗色对比和图片处理被控制在可读范围内，让页面有质感但不失控。
Campaign 节奏
前端节奏更偏品牌时刻，优先考虑冲击力、节拍和响应式稳定，而不是普通内容网格。
成果
项目亮点
无限影像档案
用一个沉浸式照片场承载周年故事，通过比例、位置和运动关系取代传统 gallery。
质感界面
噪点、暗色和图像处理共同形成周年视觉身份。
响应式 Campaign Build
在桌面和移动端都保留强视觉表达。
