发人深省的h5案例分享
时间:2018-09-20浏览次数:3258来源:蓝橙互动-微信互动游戏制作

h5是移动端最为火爆的营销工具,但h5不仅仅局限于营销,越来越多的公益组织、个人也在使用h5的形式给社会传播正能量;今天小编给大家分享两个发人深省的h5案例,让你从工作的烦躁中走出来。

案例一:恭喜你,抽中了人生重来一次的机会
出品:拉勾
技术实现: jQuery+Swiper+TweenJS+Vue
h5游戏开发
亮点:

创意定位,拉勾出品的测试类H5,以五道测试题的形式测试用户实力,同时推广拉勾网招聘节活动。

策划上,模拟人生,寻找心中纠结的答案。共五道测试题,每道测试题都是人生不同阶段会遇到的纠结的问题。每道题有2个选项可以选择,选择完成后可查看实力分析。分析报告共分为五个维度进行分析,长按即可保存图片,也可查看拉勾招聘节活动。

设计上,以黑白色为主色调,测试题设计风格像一本书。

体验上,小五是一个“磁场实力派”,看来还要奋斗啊!如果人生可以重来一次,你要做实力派吗?

案例二:一份来自远方的思念
出品:人人车
技术实现: zepto+html2canvas+howler.js
h5游戏开发
亮点:

1.创意定位,以祖孙之情为题,全篇抒情,娓娓道来,根据用户的交互,展开不同的剧情,引人思考,点题恰到好处,品牌软性植入但又清晰明确。

2.策划上,以隔代亲为入题点,通过漫画加独白的形式讲述与祖母间的故事,每讲到一段故事情节,都会向用户提出相关的问题,引发用户交互和思考。每次交互,都会有不同的剧情分支。故事讲完后,系统通过用户之前交互选出的答案,生成自己与祖母的故事,并提出常带祖母出去走走的建议,最后引出品牌“人人车”的价值主张——别让爱来得太迟,选辆好车,为爱加速。

3.设计上,手绘漫画的形式,页面色彩丰富,温情满满。

4.体验上,整个H5柔情满满,故事娓娓道来,多处交互带入感十足,脚本走心感人,引人思考的同时,宣传了品牌主张,十分巧妙,让人在故事中回忆和感受自己的亲情记忆。

工作再忙,亲情请别疏远,当你落魄无助的时候你的情人会比你更担心,乘你还年轻、乘他还未老,多花时间陪陪你的亲人吧。

今天的h5案例分享就到这里,想要了解更多经典h5案例,欢迎访问我们的网站:蓝橙互动,我们下次再见。