雷凌×明日之后×网易文创|哒哒:你的废土世界人格
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要10分钟
案例:你的废土世界人格
品牌:雷凌×明日之后×网易文创|哒哒
技术实现: HTML5
亮点:
1.创意定位
雷凌汽车联合网易旗下明日之后推出的创意H5作品,以“你的废土世界人格”为主题,引导用户参与互动,密室逃脱,动效格漫,测试选择,让用户沉浸其中,体验不一样的互动体验。
2.策划逻辑
大致流程:① 剧情带入 → ② 废土环境密室逃脱 → ③ 回营地交互动效格漫 → ④输入昵称 → ⑤ 废土世界人格海报。
① 剧情带入:Loading加载完,有文案剧情带入,欢迎进入废土世界,滑动屏幕寻找真相。上滑屏幕,有相关废土剧情,有相关提示,并进入密室逃脱环节。
② 废土环境密室逃脱:在废土环境中,根据引导点击蓝块,获得交互弹出层提示,最终解锁电脑密码(1004),然后进入动效格漫环节。
③ 回营地交互动效格漫:根据剧情引导,一直上滑屏幕,剧情展开,在过程中,用户可以参与剧情分支选择,最后通关,用户进入输入昵称环节。
④ 输入昵称:用户调用键盘,输入昵称,点击“确认”按钮,进入海报环节。
⑤ 废土世界人格海报:海报包含用户昵称,人格特征的三个关键词,雷凌汽车,以及联合品牌LOGO露出,以及解锁更多。点击“解锁更多废土潮车剧情”,会有一段3分多钟的创意视频。
3.设计交互
整体视觉以游戏“明日之后”的风格和场景为背景,各环节都有植入雷凌汽车元素,让用户在“废土”环境中密室逃脱,还能经历各种“阻碍”,并进行各种交互和选择,沉浸其中。交互上,主要以上滑屏幕为主,点击、输入、长按,各种交互方式兼顾,有一定的交互门槛。
4.用户体验
玩完很爽,相信很多人会卡在密室逃脱环节,一旦“逃脱”,后面的剧情很爽。不信,你试试吧。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号