Vivi 官网 · 6 版风格样机 + 正式官网

同一份真实数据(26 场 / 1,880 余人次 / 1,300 多位创作者 / 480 余作品 / 均分 9.1),六种完全不同的性格,再加一版正式官网。每张卡点进去就是完整可逛的站——手机电脑都能开。正式入口建议先看 VIVI.FIELD PUBLIC ↗

把自己活成作品.
VERSION 01 · 沉浸大字版

暗场 · 粒子流体

黑底大标题 + 鼠标搅动的粒子场 + 数字滚动。像个高级创意工作室——「这个主理人很专业」。

参考:lusion.co(3D 交互工作室)
vivi.field — INDEX
VERSION 02 · HAOQI · 正式档案

系统索引 · 可继续逛

实时时钟 + 鼠标坐标 + 表格化活动索引 + 暗色模式 + 筛选 / 搜索 / 详情卡。克制、信息密度高,最像「档案馆」。

参考:haoqi.design(设计工程师作品集)· 系统索引方向
VIVI FIELD®
VERSION 03 · 厂牌乐队版

酸性荧光 · 入场仪式

CLICK TO ENTER 开场 + 跑马灯 + 系列当「厂牌成员 F1-F5」+ 巡回日志。最闹、最有厂牌味。

参考:balmingtiger.com(K-pop 另类厂牌)
你好呀,我是 Vivi :D
VERSION 04 · 手绘弹跳版

奶油纸 · 爆炸框 · 便利贴

字符逐个弹出 + 黄色爆炸框 + 贴纸数据卡 + 便利贴反馈墙。最接近现有海报的马克笔手绘风。

参考:adrienlamy.fr(手绘 sprite 弹跳动效)
VIVI-OS
开机即开场 →
双击图标逛活动
VERSION 05 · 桌面系统版

VIVI-OS · 能开机能玩

开机动画 + 桌面图标 + 可拖拽窗口 + 开始菜单 + 回收站彩蛋(被否掉的厂牌名都在里面)。最好玩。

参考:echoecho.space(ECHO-OS 可玩作品集)
🏠 ✨
VERSION 06 · 3D 小屋版

可以逛的房间

three.js 手搓小屋:墙上 6 张海报=6 场黑客松、便利贴=问卷原话、桌上电脑=Demo Night、日历圈着 9.12。拖动环视、点击互动。

参考:小红书「我把个人网页做成了3D房间」
VIVI.FIELD
PUBLIC ARCHIVE
活动索引 · 体验路径 · 反馈原声
VERSION 07 · 正式官网

档案馆 · 可筛选的活动主页

以 haoqi.design 的系统索引为骨架,保留 Vivi 的真实活动数据,新增关键词筛选、活动详情卡和参与者体验路径。

推荐入口:对外官网正式版 ↗