ONIX:Are you a noisy neighbor ?

2023-03-20 H5案例分享 H5案例分享
ONIX:Are you a noisy neighbor ?


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

识别图中二维码

Are you a noisy neighbor ?-查阅二维码

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


案例:Are you a noisy neighbor ?

品牌:ONIX

技术实现: HTML5

亮点:

1.创意定位

这是一个叫做ONIX的品牌做一支测试类H5作品。通过7个问题,来测试你是不是一个吵闹的邻居,并可以把结果分享到各大社交平台,以此引发更多的访问和品牌曝光。

 

2.策划逻辑

大致逻辑:主题页 → 答题页 → 结果页。

 

主题页:露出主题——Are you a noisy neighbor? 点击“Check Yourself”按钮,进入答题页部分。

 

答题页:一共7题,左上角上明显的答题进度提示。每道问题都很简单,答题选项有两个,一般就是是或者不是,每题的背景颜色不同,让人有明显的切换场景的感觉。

 

结果页:7题答完,会给一个测试成绩百分比。然后,可以把测试结果分享至国外的社交平台,例如:脸书、推特等。

 

3.视觉交互

纯色背景略有渐变,每题配合一个卡通人物IP制造声音的画面,配合上题面,轻松亲切又带入感。交互上,只采用了点击的方式。

 

4.用户体验

小五怀疑这是国外的小伙伴模仿中国创意,这种测试类的H5被国人已经玩出了新高度,而回归简单,有趣,有意思,才是测试H5的本质,让参与门槛降低,让用户参与进来,具体玩后分享不分享,要看你给体验用户造成了多大的心理震撼度。你给用户一个强有力的分享链接的理由,那么,用户就会以为这个理由是他自己想出来的,毫不吝啬自己的分享。





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

标签

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

相关推荐:

Apeel:Food Gone Good

NFB:WayFinder

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~