快手:想知道最契合你的灵魂职业吗
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:想知道最契合你的灵魂职业吗
品牌:快手
技术实现: HTML5
亮点:
1.创意定位
快手在2022年五一劳动节前,以“测测你的灵魂职业”为主题,契合劳动节主题,通过回答四道题,测试用户灵魂最契合的职业。从而形成用户互动和品牌传播。
2.策划逻辑
主要流程:①文案带入 → ②主题页 → ③答题页 → ④输入姓名页 → ⑤生成灵魂职业海报。
①文案带入
劳动节假期前夕,作为一名合格打工人,连上6天班的你搭上回家的地铁,准备开启假期模式。摇晃的车厢,昏暗的灯光,你感觉视线与意识飘忽,仿佛来到一个未知的空间,几秒之后,四周开始逐渐清晰。
② 主题页
直接露出主题:测测你的灵魂职业,“点击测试”按钮,进入答题页。
③ 答题页
一共四道题,处身陌生世界先干什么,好好生活会如何开始,新世界里更好的生活怎么做,重新选你会如何决策,每一道题两个选项。点击选项后,自动跳转下一题。四题答完进入“输入姓名页”。
④ 输入姓名页。
可以输入昵称,选择性别(才子/佳人),点击“解锁灵魂职业”,跳转落地海报。
⑤ 生成灵魂职业海报
灵魂职业名称、配图、三个指数(稀缺指数、吸金指数、保值指数)、三个职业关键词。底部有“再测一次”和“长按保存”按钮,可以让用户再玩一次,或者保存海报到手机相册中。
3.设计交互
浅色米黄为主色调,配合简洁的古典建筑、屋饰背景,最后海报是手绘职业师图。常规交互方式:点击、输入、长按保存。
4.用户体验
更关注内容的趣味性,四道简单的问题,就能测试出小五的精神职业:必吃榜安利师,还真是有点准呢,哈哈哈。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号