招商信诺:工位代表我的薪
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:工位代表我的薪
品牌:招商信诺
技术实现: HTML5
亮点:
1.创意定位
你的加薪指数从你对工位的布置上便可预见一二?招商信诺人寿推出以“工位代表我的薪”为主题的H5作品,通过对“梦想工位”的趣味布置,预测你的隐藏职场定位还有加薪指数,快来查收你的升职福音!
2.策划上
(1) 首页是标题还有职场人的办公桌,点击“定制工位测加薪指数”之后进入选择性别和年龄段的画面。
(2) 点击“开始布置工位”,用户点击滑动选择不同的办公场景和自己心仪的桌上物品摆放,完成工位布置后生成专属的“加薪指数”和“职场隐藏身份”的报告。
(3) 用户还能在报告下方“秀完操作抽好礼”并查看由招商信诺人寿总结推出的“健康指数白皮书”,收获更多职场健康讯息
3.设计上
(1) 作品以扁平化动画为主要风格,精约而不简略,色彩明丽而轻快,搭配灵动的音乐,营造出一种轻松的氛围。
(2) 桌上用品的选择多样,除了基本的办公用品可选,还有家人合影、u型枕等生活物品,给用户的办公场景增添了生活气息。
4、 交互上
(1) 画面上有明确的提示引导用户进入测试,操作方法简单、流畅,符合用户使用习惯。
(2) 从办公场景到工位布置的画面精美顺畅,桌上用品的选择多样,用户可以随心布置工位,给用户以强烈的代入感。
(3) 形成的报告也是以工牌的形式呈现,结果一目了然,同时也蕴藏惊喜。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号