问卷网:办公室黑话宝典

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
案例:办公室黑话宝典
品牌:问卷网
亮点:
1.创意定位
由问卷网出品的关于职场的黑话小测试H5。
2.策划逻辑
此H5主要分为三部分:
①主页部分:整个H5都是黑白手绘风格,封面是一本书的样式,标题“办公室黑话宝典BLACK WORDS IN THE OFFICE”下面有四个填空的对勾,对应着“职场社畜专用”、“打怪、升职、加薪必备”、“需积极结合实战操作”、“定期复习效果更加”,在下方输入你的昵称,再下方是问卷网的Logo,书页翻开一个角,有只手在提示,“点击翻开学习”,第二页:“友情提示,内容过于真实,易引起极大共鸣,玻璃心请火速撤离”配图是一张碎掉的心。再次翻页,会出现三个头像剪影,分别标注着“HR”、“领导”、“同事”大标题写着办公室三巨头,“选择一位,像TA学习黑话”。
②测试部分:每人会有五个小问题,最上方会出现一句关于职场的黑话,下方是题目,题目右边是选择的人物头像,下方是ABC三种选项,
当选择后,选项会变蓝,下方会出现“黑话翻译版”的注释,最下方都会有一行“黑话翻译版来自职场人员抽样调查结果,仅供参考。如有得罪,纯属误会(划掉)对不起呀!”,回答错误时,让人物头像也会相应表现出生气或者流汗的表情,相反,回答正确时会高兴。
③落地页部分:一圈办公室黑话围绕着大标题“办公室黑话宝典”,下方写着“你的昵称,以及掌握了xx%”,还有三个人的头像,表情应该是对应掌握的百分比。然后是问卷网的Logo和Slogan,右边是二维码,长按可保存海报。点击“再学一次”重新看一次,点击“注册职场调研神器”跳转到问卷网会员登录界面。
3.设计上
简单的黑白手绘风格,字体设计的比较圆滑可爱。
4.体验上
黑色幽默式的小测试,大多都是根据职场里的刻板印象制作的,还是要真正相处才可做判断的。右上角可以点击关闭音乐,静音测试。
技术实现: HTML5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号