苏宁易购:健康之光NewStar净水侠急速净水器

2019-07-30 H5案例分享 H5案例分享
苏宁易购:健康之光NewStar净水侠急速净水器


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

识别图中二维码

健康之光NewStar净水侠急速净水器-查阅二维码

完整欣赏此案例大约需要2分40秒


案例:健康之光NewStar净水侠急速净水器

品牌:苏宁易购

亮点:

  1. 创意定位

苏宁易购推出的介绍新一代净水器的H5作品,用户在作品中可以通过新一代“净水侠”代替旧的“净水侠”的新闻故事,了解新一代净水器的优势,并有五款主推产品和详情介绍,最后还可以参与抽奖,以此提高用户对新一代净水器的认知,提高品牌净水器的销量。

 

  1. 策划逻辑

作品主要有三个阶段

①主题导入:特别设计的苏宁新闻报界面,报纸快速翻动,内容闪现,闪现完后回到第一页,用大字体写着“号外”,并有“用无桶净水器告别二次污染”的标题,用户可以自己翻阅浏览详情。

②详情浏览:报纸会随着用户右滑界面向下一页翻阅,左滑可回翻,共八页内容,讲述了“old man净水侠”因作业时间太久,体积太大,及密闭压力会引发二次水污染的弊端,越来越不被看好,健康之光新一代净水侠强力出世后,急速净水,体积小,且具有环保特质,获得了表彰的故事。

③产品介绍:故事结束后滑至第九页宣传界面,新闻版面上的新一代净水侠号召大家颠覆传“桶”,上滑屏幕,进入产品介绍,在产品页面左后滑动切换产品,可以看到产品的名称,型号,和产品介绍,以及“以旧换新”的活动简介,浏览完毕后继续上滑界面,可以参与抽奖,若抽中了奖品,填写收件信息提交即可。

 

  1. 设计上

新闻报纸界面的设计,略微发黄的原木色调,符合报纸的颜色特征,用净水侠的故事展现新旧净水器的性能对比,好理解,又很有趣,每个界面的文字都很简短,但是重点明确,列举了净水器的大小,取得的专利,精准描述了新一代净水器如何给生活增加便捷和健康。

 

  1. 交互上

开头的内容闪现引起用户兴趣,在滑动翻阅时,界面是从左上角或者右上角开始折叠滑至下一面的,很符合看报纸时候的翻阅习惯,最后有确定型号的净水器推荐,方便感兴趣的用户进行搜索和详细了解。



技术实现: html5



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

标签

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

相关推荐:

美的×苏宁易购:OMG!我居然找到了舒适星球

崇州金茂府:南通,正在进化......

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~