招商信诺:工位代表我的薪

2022-12-25 H5案例分享 H5案例分享
招商信诺:工位代表我的薪


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

识别图中二维码

工位代表我的薪-查阅二维码

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


案例:工位代表我的薪

品牌:招商信诺

技术实现: HTML5

亮点:

1.创意定位

你的加薪指数从你对工位的布置上便可预见一二?招商信诺人寿推出以“工位代表我的薪”为主题的H5作品,通过对“梦想工位”的趣味布置,预测你的隐藏职场定位还有加薪指数,快来查收你的升职福音!

 

2.策划上

(1) 首页是标题还有职场人的办公桌,点击“定制工位测加薪指数”之后进入选择性别和年龄段的画面。

(2) 点击“开始布置工位”,用户点击滑动选择不同的办公场景和自己心仪的桌上物品摆放,完成工位布置后生成专属的“加薪指数”和“职场隐藏身份”的报告。

(3) 用户还能在报告下方“秀完操作抽好礼”并查看由招商信诺人寿总结推出的“健康指数白皮书”,收获更多职场健康讯息

 

3.设计上

(1) 作品以扁平化动画为主要风格,精约而不简略,色彩明丽而轻快,搭配灵动的音乐,营造出一种轻松的氛围。

(2) 桌上用品的选择多样,除了基本的办公用品可选,还有家人合影、u型枕等生活物品,给用户的办公场景增添了生活气息。

 

4、 交互上

 

(1) 画面上有明确的提示引导用户进入测试,操作方法简单、流畅,符合用户使用习惯。

(2) 从办公场景到工位布置的画面精美顺畅,桌上用品的选择多样,用户可以随心布置工位,给用户以强烈的代入感。

(3) 形成的报告也是以工牌的形式呈现,结果一目了然,同时也蕴藏惊喜。





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

标签

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

相关推荐:

招商信诺人寿:如虎添翼,好运十二时辰贺新年!

招商信诺:你是哪一个“美力”女神

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~