快手:想知道最契合你的灵魂职业吗

2022-05-02 H5案例分享 H5案例分享
快手:想知道最契合你的灵魂职业吗


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

识别图中二维码

想知道最契合你的灵魂职业吗-查阅二维码

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


案例:想知道最契合你的灵魂职业吗

品牌:快手

技术实现: HTML5

亮点:

1.创意定位

快手在2022年五一劳动节前,以“测测你的灵魂职业”为主题,契合劳动节主题,通过回答四道题,测试用户灵魂最契合的职业。从而形成用户互动和品牌传播。

 

2.策划逻辑

主要流程:①文案带入 → ②主题页 → ③答题页 → ④输入姓名页 → ⑤生成灵魂职业海报。

 

①文案带入

劳动节假期前夕,作为一名合格打工人,连上6天班的你搭上回家的地铁,准备开启假期模式。摇晃的车厢,昏暗的灯光,你感觉视线与意识飘忽,仿佛来到一个未知的空间,几秒之后,四周开始逐渐清晰。

 

② 主题页

直接露出主题:测测你的灵魂职业,“点击测试”按钮,进入答题页。

 

③ 答题页

一共四道题,处身陌生世界先干什么,好好生活会如何开始,新世界里更好的生活怎么做,重新选你会如何决策,每一道题两个选项。点击选项后,自动跳转下一题。四题答完进入“输入姓名页”。

 

④ 输入姓名页。

可以输入昵称,选择性别(才子/佳人),点击“解锁灵魂职业”,跳转落地海报。

 

⑤ 生成灵魂职业海报

灵魂职业名称、配图、三个指数(稀缺指数、吸金指数、保值指数)、三个职业关键词。底部有“再测一次”和“长按保存”按钮,可以让用户再玩一次,或者保存海报到手机相册中。

 

3.设计交互

浅色米黄为主色调,配合简洁的古典建筑、屋饰背景,最后海报是手绘职业师图。常规交互方式:点击、输入、长按保存。

 

4.用户体验

更关注内容的趣味性,四道简单的问题,就能测试出小五的精神职业:必吃榜安利师,还真是有点准呢,哈哈哈。





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

标签

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

相关推荐:

快手:你的十年是一部怎样的电影

快手:2021请笑纳

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~