今麦郎:正在输出你的饮水报告...

2019-07-10 H5案例分享 H5案例分享
今麦郎:正在输出你的饮水报告...


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

识别图中二维码

正在输出你的饮水报告...-查阅二维码

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


案例:正在输出你的饮水报告...

品牌:今麦郎

亮点:

1.创意定位

今麦郎凉白开是今麦郎饮品股份有限公司旗下一款饮用瓶装水, 2016年,今麦郎饮品股份有限公司推出新产品——凉白开。今麦郎“凉白开”选用洁净好水,反渗透膜过滤;是国内首款拥有UHT热杀菌处理技术的瓶装水,此H5就是今麦郎运用饮水小测试的方法呼吁人们注重饮用凉白开和推广自己产业的凉白开水。

 

2.策划逻辑

整个H5主要分为三部分:

 

①Loading部分:加载条设计成充满水的样子。随着加载的进程,水越来越多。加载完成后出现一个打吊瓶一样的矿泉水图案,写着“万能敷衍“多喝水”其实很认真!不是梗!”后进入主页,“健康饮水大作战,生成一份属于自己的专属饮水报告”下方是一个盛着水的人体,右下方有关于人体中百分之七十都是水的小科普,点击画面会弹出一个小提示:健康饮水大作战开始啦~想知道如何喝水才能让你的身体更健康?戳问题,请回答,一份专属你的健康饮水报告书等你生成,参与即有大奖抽,免费好水请你喝。点击下方“开启健康饮水之旅”开始测试。

 

②测试部分:总共有7个小题目:

Q1:老妈刚在家族群发了个养生贴@你,说一套要喝8杯水,你会?

 

Q2:打开养生贴,都在说多喝水,按点喝更健康,看完的你会?

 

Q3:不想戒掉快乐肥宅水,又有养生大法悬顶,你会选择?

 

Q4:健身房三点钟方向,有个身影正是你喜欢的类型,你拿着一瓶水走向TA,你会?

 

Q5:货架上的水琳琅满目,选择无能的你犹豫了3秒,然后?

 

Q6:水和人一样,形形色色遇过很多,优势也会好奇,究竟什么样的合适你?

 

Q7:突然有点想念小时候喝的凉白开,夏日炎炎,抱着搪瓷缸一饮而尽真幸福,这时你会?

 

都答完题后输入昵称还有可选填的联系方式,点击“生成你的饮水报告”

 

③落地页部分:海报上会根据用户刚刚的答题显示出“喝喝画像”和称号,并进行分析,还有健康喝水小TIPS:水是一种被忽略的,却必不可少的营养素,他能使你更健康、更有活力、更长寿。安全喝水是健康的有效保障,健康喝水是养生的最好选择。

并进行一下宣传:美团要喝8杯水,好水就喝凉白开,下方有今麦郎凉白开的小图像。扫描二维码参与答题互动生成你的饮水报告,可长按保存海报。点击“超专业科普”会出现一张关于饮水健康的科普数据长图,点击“邀好友来测”分享给朋友。

 

3.设计上

色调主要是蓝绿色这种科技感很强的颜色,还有橙色作为小电池补充。

 

4.体验上

个人认为这种关于自身健康的小科普和测试很有必要推荐给家人朋友,白开水也确实是现实中最容易被忽视的一个健康保障。



技术实现: HTML5



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

标签

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

相关推荐:

今麦郎:史上最长熟水在线博物馆

雅居乐清水湾:别让那只椰子跑了 快帮我抓住它

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~