伊利:你知道超模的秘密是什么吗?

2019-12-16 H5案例分享 H5案例分享
伊利:你知道超模的秘密是什么吗?


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

识别图中二维码

你知道超模的秘密是什么吗?-查阅二维码

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


案例:你知道超模的秘密是什么吗?

品牌:伊利

技术实现: html5

亮点:

  1. 创意定位‘’

伊利植选以超模“刘雯”的自述角度,宣传伊利植选浓香豆乳的作品,让用户了解此产品天然又营养的特点。

 

  1. 策划逻辑

加载完毕后是个身材绝佳的模特背影,下方有长按触点的提示,按住后旁白响起,镜头开始推进,场景如下:

①镜头越过模特打开一扇门,缓缓走过通道,刘雯的杂志封面越来越大,背景音总结“杂志是我的秘密”。

②镜头继续穿过一扇门来到挂满镜子的房间,旁白是“镜子是我的秘密”的相关叙述。

③随后门打开来到有钟表的楼梯,一边穿过一边聆听“闹钟是我的秘密”的相关旁白。

④继续门打开从橱窗模特中穿过,旁白是关于“衣着是我的秘密”的叙述,随后来到地铁站,走进写着“home town”的大门,对应旁白是“站台是我的秘密”。

⑤走进站台大门来到丛林中,穿过两侧的树林,走进“植选浓香豆奶”,一段对豆奶的介绍后,总结“植物奶,超模的秘密”。随后是产品海报界面,有刘雯的代言图,宣传语和产品照片,用户在此界面可点击触点生成自己的“超模特质海报”,分享作品,或登陆京东自营店选购。

 

  1. 设计上

第一帧的超模背影美丽大方,吸引用户注意力,随后一扇扇大门依次打开,场景和色系各不相同,搭配刘雯的旁白讲述,让用户很期待下一扇门的“秘密”,最后自然的引出产品。

 

  1. 交互上

长按触点推进镜头前进,在感兴趣的页面可以松开手停留,慢慢欣赏。





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

标签

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

相关推荐:

【时尚类】H5案例大汇总(干货精选)——2016大合集第17波

龙珠最强之战:龙珠最强之战不限号开启

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~