喜马拉雅听:母亲节,为妈妈写首小诗

2020-05-10 H5案例分享 H5案例分享
喜马拉雅听:母亲节,为妈妈写首小诗


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

识别图中二维码

母亲节,为妈妈写首小诗-查阅二维码

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


案例:母亲节,为妈妈写首小诗

品牌:喜马拉雅听

技术实现: iScroll + html2canvas

亮点:

1、创意定位

喜马拉雅听的母亲节祝福H5,为妈妈写一首小诗,通过一根红色丝线连接妈妈和孩子,会有生活的很多细节,借母亲节感恩妈妈的爱。

 

2、策划上

① 案例以为妈妈写一首小诗开始,轻触“点击开启”,开始是一位穿着围裙的妈妈,用橡皮一擦,妈妈立马换了装束,这会出现贯穿H5的红色丝线,一头牵着妈妈的手腕,慢慢向下滑动;

② 一共4个问题,都是与妈妈日常有关,例如:想起妈妈时,脑海中浮现的是?妈妈表达爱的方式是?妈妈的爱好有哪些?以下哪张图,是想和妈妈一起去看的风景?都是点选答案,每个题目的选项分别为:20个、16个、10个、4个不等(太多选项是,需要点击选项上下的箭头切换);

③ 4个问题选择完毕后,输入自己的名字和妈妈的姓氏,选择自己的性别,点击生成我的小诗,这是红丝线的另外一头连接孩子,这个有个细节,如果选择自己的性别是男,丝线的连接卡通是男孩,如果刚刚选择的是女,丝线的连接卡通是女孩;最后根据选择生成一首小诗,用户可以长按保存;点击“妈妈电台”按钮跳转到喜马拉雅听的有关母亲的音频。

 

3、设计上

干净简洁的画面,纸质的背景,手绘卡通人物和小修饰图标,设计上通过红色丝线贯穿整个案例。

 

4、体验上

案例符合预期,回忆了生活中妈妈的点滴,本以为习以为常,但是更应该好好珍惜。





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

标签

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

相关推荐:

喜马拉雅X中国盲人协会:以爱之名,共建一座有声图书馆

喜马拉雅:你的灵魂伴侣遇见指南

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~