友邦保险 × 上海博物馆:进阶吧,青铜

2022-05-03 H5案例分享 H5案例分享
友邦保险 × 上海博物馆:进阶吧,青铜


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

识别图中二维码

进阶吧,青铜-查阅二维码

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


案例:进阶吧,青铜

品牌:友邦保险 × 上海博物馆

技术实现: HTML5

亮点:

1.创意定位

友邦保险携手上海博物馆在2022年五一前联合推出的测试类H5,以“进阶吧,青铜”为主题,通过角色扮演回答4个问题,最后测出用户在古代可能的职业类型。还可以留资领取礼物。

 

2.策划逻辑

Loading+主题 → 文案引导 → 问答测试 → 过渡文案 → 落地海报 → 抽奖留资。

 

Loading+主题:主要露出主题“进阶吧,青铜”和品牌Logo——友邦保险和上海博物馆。

 

文案引导:季春之时,得群贤至,甚幸,五一之际,设盛宴,聘良才,礼贤者。点击“即刻赴宴”按钮,即进入问答测试部分。

 

问答测试:如何提高俸禄?为何转行?如何带领团队?未来是否心怀众生?共四题,每题三个选项,点击选项自动进入下一题,每题前都有情景带入和人物形象。

 

过渡文案:四题答完,有正在生成海报的文案提示。

 

落地海报:用户在古代可能的职业,以及相应文案,相关古文。点击“心意好礼”后,弹出奖品设置。点击“试试手气”,进入留资页。

 

抽奖留资:跳转友邦保险抽奖留资页,填写用户信息后,进行抽奖。

 

3.设计交互

中国风漫画人物和场景,竹简、酒樽、鼎,都是中国元素,出自上海博物馆。交互上主要采用点击方式,门槛低,交互简单。

 

4.用户体验

小五在古代竟然最适合的职业是隐士,做个隐士,对一张琴,一壶酒,一溪云。





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

标签

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

相关推荐:

友邦保险×上海博物馆:友禧雅叙图卷

AIA真生活真伙伴 友邦保险:黔城寻梦,贵在优增

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~