三元:集合啦!萌娃个展开幕

2020-12-21 H5案例分享 H5案例分享
三元:集合啦!萌娃个展开幕


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

识别图中二维码

集合啦!萌娃个展开幕-查阅二维码

完整欣赏此案例大约需要1分35秒 - 2分40秒


案例:集合啦!萌娃个展开幕

品牌:三元

技术实现: JavaScript + video

亮点:

1、创意定位

三元旗下的爱力优幼儿配方奶粉品牌宣传H5,以特别的儿童个展方式,宣传爱力优品牌和奶粉。

 

2、策划上

① 在白色的展厅外观远景,点击进入展厅按钮,一段进入展厅的过渡动画,出现在墙壁浮雕文字“萌娃个展开幕了”,提示向右前进(即向右滑动);

② 等待宝贝登场输入页面,输入宝贝昵称、宝贝几岁和性别,输入完毕后,出现确认按钮;

③ 进入宝贝照片上传界面,可以上传9-15张照片(最少9张,最多15张),可以分次上传(例如先上传3张,再上传6张,或者更多),如果不够9张下方的按钮是继续上传;满足9张,下方的按钮变成确认布展;点击确认布展,开始生成布展页;

④ 布展完成页面,生成展示视频,独一无二的带有宝宝照片的展览开始,小五感慨,视频真的很大气,会眼前一亮;

⑤ 布展完成页面,可以长按保存,保存的海报是当前用户的个人展览馆页面,好友长按后,可以看到生成的展览视频;下方提示关注三元爱力优微信公众号的提示按钮。

 

3、设计上

关于幼儿产品页面的设计,可以可爱,也可以童趣;这支H5选择纯白配合灰色,整体视觉高端。

 

4、体验上

上传照片相对于其他案例(一般上传1张),照片数量偏多,至少需要9张;但是生成后的视频,确实很惊艳,会给用户带来惊喜。





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

标签

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

相关推荐:

三元 + 网易新闻:宫请好奶 纳福迎新

三元:至IN中国风,竟然来自紫禁城?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~