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

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:饮食喜好里藏着你的职场未来
品牌:舒尔佳
技术实现: html5
亮点:
- 创意定位
舒尔佳出品,用关于饮食的情景问答题,测试用户的职场未来发展趋势,生成的海报中有舒尔佳的LOGO和宣传语,增加用户对品牌的印象,同时提高对产品功能的认知。
- 策划逻辑
作品共有三个阶段
①loading
加载界面是一个大大的汉堡,下方是左端有一个小闹钟的进度条,加载完毕后,打开的汉堡中间显示作品标题,点击“开始测试”进入答题阶段。
②答题
共七道题,每题都有一副相关配图,答案三选一,点击符合自己喜好的答案后直接跳至下一题,答题完毕后自动生成海报。
③落地海报
海报包括用户的微信名称和头像,上侧是总结语“XX的职场未来是。。。。”,中间是用户的三个职场特质,每个特质包括一个总结词和一句解说语,下方是出品方的名称,LOGO,宣传语和作品二维码,用户可以重新测试或分享作品。
- 设计上
作品的语言和卡通配图都比较诙谐幽默,白色的底色上,文字和图片以蓝色和白色为主,给人的感觉很清新跳跃,问题设计有关于用户自身饮食偏好的,有为他人推荐食物的,还有对做饭声音的判断,形式丰富。
- 视觉上
用户点击符合自己偏好的答案后,答案条会有一个反转的效果然后跳至下一问题,配图也是碎片慢慢汇集成型,给答题过程增加趣味。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号