字节跳动 13 周年 · 锦秋 720° 全景 H5
为字节跳动 13 周年打造的锦秋全景 H5,微信打开即走进字节起步的那间小屋
Key Results
- 01
720°
全景实景漫游
- 02
4间
还原房间场景
- 03
0
安装门槛 · 微信即开
- 04
永久
开放周期
01Challenge
客户面临的挑战
13 周年要向所有人讲「我们从哪里开始」。但字节起步的那间办公室——中关村锦秋家园——今天的绝大多数员工从未去过,照片和文字讲不出「小屋里装着大梦想」的那种空间感与温度。
同一个初创故事,既要能在周年庆现场用头显沉浸体验,也要能让没有设备的人随手在手机上打开、还要能在线下实景里延续。一套内容要覆盖多种终端,而手机端不能因为「轻」就变成一条划过去的图文。
02Solution
我们做了什么
01
一句话点题,微信打开即入场
落地页用虚化的办公室实景压底,压上手写体的「We had a Small Room and a Big Dream」与「360° EXPERIENCE / This is our Day 1」。不需要下载任何应用,微信里点一下「Enter」就进门——把门槛压到最低,才接得住周年庆推流来的大流量。

02
进门先教会怎么逛
正式开始前给一屏引导:点地面箭头在房间之间跳转,点房间里的蓝色按钮听一段专属记忆,由虚拟向导「SparkGuide」带着走。两个手势讲清楚,用户就不会在全景里迷路。

03
实景全景 + 手绘故事叠层
每个房间都是真实拍摄的 720° 全景,再叠上手绘线条动画——厨房里有人颠勺做红烧肉、会议桌上支起火锅。真实空间给「就是这里」的实感,手绘叠层给「当年发生过什么」的温度,两者叠在一起,比任何一种单独用都更有故事性。

04
语音承载记忆,小地图不迷路
点亮蓝色热点,播放一段当年的语音回忆——「这是第一次 p0 事故吗」「创始人以身作则」这样的片段,字幕同步浮现。右上角常驻小地图标出各房间与当前位置,逛到哪、还有哪没去,一目了然。

Technical Highlights
- 微信内直接打开,无需下载任何应用或插件
- 真实拍摄的 720° 全景,逐间房漫游锦秋家园
- 实景全景叠加手绘线条动画,还原当年场景细节
- 语音记忆热点 + 同步字幕,虚拟向导 SparkGuide 引导
- 常驻小地图导航,标出房间与当前位置
- 结合线下实景 AR,永久开放,不随活动下线
03Gallery
项目画面
04Project Info
项目信息
- 项目周期
- 待补充
- 上线时间
- 2026
- 团队规模
- 待补充
- 技术栈
- 待补充
- 交付物
- 720° 全景 H5线下实景 AR
- 支持平台
- 微信内置浏览器移动端浏览器线下 AR
05Related

