喜马拉雅听:母亲节,为妈妈写首小诗
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要50秒
案例:母亲节,为妈妈写首小诗
品牌:喜马拉雅听
技术实现: iScroll + html2canvas
亮点:
1、创意定位
喜马拉雅听的母亲节祝福H5,为妈妈写一首小诗,通过一根红色丝线连接妈妈和孩子,会有生活的很多细节,借母亲节感恩妈妈的爱。
2、策划上
① 案例以为妈妈写一首小诗开始,轻触“点击开启”,开始是一位穿着围裙的妈妈,用橡皮一擦,妈妈立马换了装束,这会出现贯穿H5的红色丝线,一头牵着妈妈的手腕,慢慢向下滑动;
② 一共4个问题,都是与妈妈日常有关,例如:想起妈妈时,脑海中浮现的是?妈妈表达爱的方式是?妈妈的爱好有哪些?以下哪张图,是想和妈妈一起去看的风景?都是点选答案,每个题目的选项分别为:20个、16个、10个、4个不等(太多选项是,需要点击选项上下的箭头切换);
③ 4个问题选择完毕后,输入自己的名字和妈妈的姓氏,选择自己的性别,点击生成我的小诗,这是红丝线的另外一头连接孩子,这个有个细节,如果选择自己的性别是男,丝线的连接卡通是男孩,如果刚刚选择的是女,丝线的连接卡通是女孩;最后根据选择生成一首小诗,用户可以长按保存;点击“妈妈电台”按钮跳转到喜马拉雅听的有关母亲的音频。
3、设计上
干净简洁的画面,纸质的背景,手绘卡通人物和小修饰图标,设计上通过红色丝线贯穿整个案例。
4、体验上
案例符合预期,回忆了生活中妈妈的点滴,本以为习以为常,但是更应该好好珍惜。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号