Samsung 三星 华东:Mission 8

2017-06-20 H5案例分享 H5案例分享
Samsung 三星 华东:Mission 8

案例:Mission 8

出品:Samsung 三星 华东

亮点:

  1. 策划上,图文漫画类。Loading完毕进入页面,了解活动规则后,正式开始破案部分。案例开头交代故事背景,Mr.Sam失踪很久,现有五位嫌疑人,用户需要协助王警官,通过与五位嫌疑人交流来破案。

    案例将产品特色,很好地融入进了故事剧本中。在与嫌疑人交流过程中,每人都回顾了与Mr.Sam的交流,回忆起他介绍的自己的新款三星手机的一个功能特点,作为口供。用户需要以重力感应“识别虹膜”等交互,来检查嫌疑人的口供,最后根据嫌疑人们的口供,来判断谁是真正的犯人。

    选择过后,系统会告诉用户,“冤枉了好人,转发后查看真相”。此时转发后回到案例,悬案终于告破一个美好的结局。小五在这里就不剧透啦,宝宝们自己去玩玩看咯!

    案例以悬疑破案为出发点,在过程中植入展示品牌商品特色,将故事、产品、以及互动,三者结合得非常地巧妙。

 

  1. 设计上,插画的风格,人物的塑造给人美漫的感觉,从画面上,一看就知道插画师的绘画功力,小五手动给你比个心 ❤

    案例的背景音乐,也起到了画龙点睛的作用,将悬疑的气氛渲染得很好。开头的“报上名来”,虽然在一开始就要输入用户信息,但同时也给人很好的参与感,感觉是在玩悬疑角色扮演类游戏。

 

  1. 体验上,小编玩完的第一反应是,“啊原来是这样!”,凶手的身份确实出乎意料。虽然小编超喜欢这种悬疑类的H5,体验得也很爽,但小编认为,还有改进之处。比如刚开始的活动规则页,有点让人看不清进入下一页的提示,如果将活动规则放在最后,想必会更好。

    除此之外,转发后才能查看真相,是一个双刃剑,想了解真相的人,那肯定就会转发给小伙伴,心浮气躁的人,可能直接就会关掉。如果将转发提示放在真相过后,比如“让小伙伴猜猜凶手”,可能用户会抱着整蛊朋友的心态而去转发。



技术实现: jQuery + Swiper(移动端触摸滑动js插件)


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

识别图中二维码

Mission 8-查阅二维码




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

标签

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

相关推荐:

GEELY吉利:致与手机对抗又永远失败的你

锤子手机:坚果Pro三维体验

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~