问卷网:办公室黑话宝典

2019-07-10 H5案例分享 H5案例分享
问卷网:办公室黑话宝典


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

识别图中二维码

办公室黑话宝典-查阅二维码

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


案例:办公室黑话宝典

品牌:问卷网

亮点:

1.创意定位

由问卷网出品的关于职场的黑话小测试H5。

 

2.策划逻辑

此H5主要分为三部分:

 

①主页部分:整个H5都是黑白手绘风格,封面是一本书的样式,标题“办公室黑话宝典BLACK WORDS IN THE OFFICE”下面有四个填空的对勾,对应着“职场社畜专用”、“打怪、升职、加薪必备”、“需积极结合实战操作”、“定期复习效果更加”,在下方输入你的昵称,再下方是问卷网的Logo,书页翻开一个角,有只手在提示,“点击翻开学习”,第二页:“友情提示,内容过于真实,易引起极大共鸣,玻璃心请火速撤离”配图是一张碎掉的心。再次翻页,会出现三个头像剪影,分别标注着“HR”、“领导”、“同事”大标题写着办公室三巨头,“选择一位,像TA学习黑话”。

 

②测试部分:每人会有五个小问题,最上方会出现一句关于职场的黑话,下方是题目,题目右边是选择的人物头像,下方是ABC三种选项,

当选择后,选项会变蓝,下方会出现“黑话翻译版”的注释,最下方都会有一行“黑话翻译版来自职场人员抽样调查结果,仅供参考。如有得罪,纯属误会(划掉)对不起呀!”,回答错误时,让人物头像也会相应表现出生气或者流汗的表情,相反,回答正确时会高兴。

 

③落地页部分:一圈办公室黑话围绕着大标题“办公室黑话宝典”,下方写着“你的昵称,以及掌握了xx%”,还有三个人的头像,表情应该是对应掌握的百分比。然后是问卷网的Logo和Slogan,右边是二维码,长按可保存海报。点击“再学一次”重新看一次,点击“注册职场调研神器”跳转到问卷网会员登录界面。

 

3.设计上

简单的黑白手绘风格,字体设计的比较圆滑可爱。

 

4.体验上

黑色幽默式的小测试,大多都是根据职场里的刻板印象制作的,还是要真正相处才可做判断的。右上角可以点击关闭音乐,静音测试。



技术实现: HTML5



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

标签

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

相关推荐:

杭州不能说的行业秘密-全球首部人力行业互动电影

腾讯视频:奇趣社团招“鲜”-00后黑话入社

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~