网易新闻哒哒 | PUMR：解密2020职场新人设

2020-01-21 H5案例分享 H5案例分享

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

识别图中二维码

解密2020职场新人设-查阅二维码

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

案例：解密2020职场新人设

品牌：网易新闻哒哒 | PUMR

技术实现： html5

亮点：

1、创意定位

根据所设置的职场问题，用户所得出的答案，给出用户2020年职场新人设，从改头换面开始，刚好结合了品牌特性。

2、策划逻辑
①以2020年前的工作日为背景，描绘出用户的三种状态，只想放假回家无心工作、想象假期后的开工综合征、以及到用户心态转变把2020年想象成开挂的一年

②题目一共无道，分别是2020年定下的职场新目标、如何布置办公桌、如何对待烦人的同事、如何让自己的上班更自由以及工作状态下的各种职场疑难杂症，从三个选项中选取一项完成答题

③需要用户填写自己的昵称以及选择性别，点击确定形成自己的2020年职场新人设，会展示出你的姓名和微信头像，从职场衣着到全新的装扮，点击左下角进入商城，点击右下角引导分享

3、设计风格
以大黄背景为主，各种不同常态的职场人形象展开，各种配饰小物件让画面感更加饱满，最后的图签利用大红色差异化做对比。

4、体验上

H5以答题的形式让用户有一定的参与感，并且答完题会直接到下一题这个体验挺好，而且所设置的题目有着场景人物加持更加生动形象。

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

标签