舒尔佳:饮食喜好里藏着你的职场未来

2019-10-12 H5案例分享 H5案例分享
舒尔佳:饮食喜好里藏着你的职场未来


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

识别图中二维码

饮食喜好里藏着你的职场未来-查阅二维码

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


案例:饮食喜好里藏着你的职场未来

品牌:舒尔佳

技术实现: html5

亮点:

  1. 创意定位

舒尔佳出品,用关于饮食的情景问答题,测试用户的职场未来发展趋势,生成的海报中有舒尔佳的LOGO和宣传语,增加用户对品牌的印象,同时提高对产品功能的认知。

 

  1. 策划逻辑

作品共有三个阶段

 

①loading

加载界面是一个大大的汉堡,下方是左端有一个小闹钟的进度条,加载完毕后,打开的汉堡中间显示作品标题,点击“开始测试”进入答题阶段。

②答题

共七道题,每题都有一副相关配图,答案三选一,点击符合自己喜好的答案后直接跳至下一题,答题完毕后自动生成海报。

 

③落地海报

海报包括用户的微信名称和头像,上侧是总结语“XX的职场未来是。。。。”,中间是用户的三个职场特质,每个特质包括一个总结词和一句解说语,下方是出品方的名称,LOGO,宣传语和作品二维码,用户可以重新测试或分享作品。

 

  1. 设计上

作品的语言和卡通配图都比较诙谐幽默,白色的底色上,文字和图片以蓝色和白色为主,给人的感觉很清新跳跃,问题设计有关于用户自身饮食偏好的,有为他人推荐食物的,还有对做饭声音的判断,形式丰富。

 

  1. 视觉上

用户点击符合自己偏好的答案后,答案条会有一个反转的效果然后跳至下一问题,配图也是碎片慢慢汇集成型,给答题过程增加趣味。





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

标签

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

相关推荐:

贝拉米X网易考拉:OMG!绝密面试视频泄露

舒尔佳:减肥史博物馆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~