食色志X美的Midea:食色志

2019-12-04 H5案例分享 H5案例分享
食色志X美的Midea:食色志


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

识别图中二维码

食色志-查阅二维码

完整欣赏此案例大约需要4分钟


案例:食色志

品牌:食色志X美的Midea

技术实现: jQuery + Egret + tweenjs

亮点:

  1. 创意定位

美的产品联合食色志,为自闭症孩子推出的公益作品,欣赏他们的画作,欣赏“梵高主题”美食,了解参与公益捐款的产品,以及即将在广州举行的画展,最后还可以抽取自己的标签,以此让大家更了解自闭症孩子,给他们带来更多的关注和帮助。

 

  1. 策划逻辑

作品大致有6个环节

①视频导入

用孩子画画时候的样子,孩子的作品,搭配字幕,让大家了解自闭症儿童在绘画方面的过人天赋及此次活动的概况。

 

②画作欣赏

进入画作欣赏环节,点击任意一个展示出的绘画作品进入详情,画作变成全屏显示,同时显示作者姓名,年龄及绘画地点,屏幕上方还会显示一句梵高的名言,用户可点击触点继续欣赏其他画作,或直接进入下一环节。

 

③美食料理

食色志推出两道梵高风格的料理,用户可点击查看文字版的制作方法介绍和欣赏制作视频。

 

④水杯展示

“孩子的艺术”系列水杯在美的炊具旗舰店发售,每卖出一个会向儿童自闭症成长中心捐款五元,用户可以点击登录购买,或进入下一页。

 

⑤艺术画展

“孩子的艺术”画展详情。

 

⑥海报制作

输入自己名字,生成自己的标签海报,包括用户名和12月食签总结词,及作品二维码,用户可点击换一个词语,分享作品,查看食色志往期作品,或点击了解美的炊具。

 

  1. 设计上

作品环节较多,以孩子的油画作品或梵高的《星空》为背景,呼应主题“星星的孩子”,色系,光线和语言都很温暖。

 

  1. 体验上

每个环节都可以点击“上一页”返回查看,孩子们的作品真的太美了,简直是壁纸级别的!





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

标签

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

相关推荐:

食色志 X 食色餐厅 X Media:食色志

你的H5就是一张最美的城市名片

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~