雷凌×明日之后×网易文创|哒哒:你的废土世界人格

2022-06-13 H5案例分享 H5案例分享
雷凌×明日之后×网易文创|哒哒:你的废土世界人格


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

你的废土世界人格-查阅二维码

完整欣赏此案例大约需要10分钟


案例:你的废土世界人格

品牌:雷凌×明日之后×网易文创|哒哒

技术实现: HTML5

亮点:

1.创意定位

雷凌汽车联合网易旗下明日之后推出的创意H5作品,以“你的废土世界人格”为主题,引导用户参与互动,密室逃脱,动效格漫,测试选择,让用户沉浸其中,体验不一样的互动体验。

 

2.策划逻辑

大致流程:① 剧情带入 → ② 废土环境密室逃脱 → ③ 回营地交互动效格漫 → ④输入昵称 → ⑤ 废土世界人格海报。

 

① 剧情带入:Loading加载完,有文案剧情带入,欢迎进入废土世界,滑动屏幕寻找真相。上滑屏幕,有相关废土剧情,有相关提示,并进入密室逃脱环节。

 

② 废土环境密室逃脱:在废土环境中,根据引导点击蓝块,获得交互弹出层提示,最终解锁电脑密码(1004),然后进入动效格漫环节。

 

③ 回营地交互动效格漫:根据剧情引导,一直上滑屏幕,剧情展开,在过程中,用户可以参与剧情分支选择,最后通关,用户进入输入昵称环节。

 

④ 输入昵称:用户调用键盘,输入昵称,点击“确认”按钮,进入海报环节。

 

⑤ 废土世界人格海报:海报包含用户昵称,人格特征的三个关键词,雷凌汽车,以及联合品牌LOGO露出,以及解锁更多。点击“解锁更多废土潮车剧情”,会有一段3分多钟的创意视频。

 

3.设计交互

整体视觉以游戏“明日之后”的风格和场景为背景,各环节都有植入雷凌汽车元素,让用户在“废土”环境中密室逃脱,还能经历各种“阻碍”,并进行各种交互和选择,沉浸其中。交互上,主要以上滑屏幕为主,点击、输入、长按,各种交互方式兼顾,有一定的交互门槛。

 

 

4.用户体验

玩完很爽,相信很多人会卡在密室逃脱环节,一旦“逃脱”,后面的剧情很爽。不信,你试试吧。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易文创 x 雷凌:奔三,不怂

网易严选X雷凌:测测你的旅行人设

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~