字节跳动 13 周年 · 锦秋 720° 全景 H5

VR 开发泛娱乐字节跳动2026

为字节跳动 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

有类似需求?

把你的场景说给我们听。即使最后不合作,也会给出一份可以自己拿去用的判断。

电话
+86 18101818808
邮箱
hello@yunyintech.net
微信
colorfulee