三元:集合啦!萌娃个展开幕
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分35秒 - 2分40秒
案例:集合啦!萌娃个展开幕
品牌:三元
技术实现: JavaScript + video
亮点:
1、创意定位
三元旗下的爱力优幼儿配方奶粉品牌宣传H5,以特别的儿童个展方式,宣传爱力优品牌和奶粉。
2、策划上
① 在白色的展厅外观远景,点击进入展厅按钮,一段进入展厅的过渡动画,出现在墙壁浮雕文字“萌娃个展开幕了”,提示向右前进(即向右滑动);
② 等待宝贝登场输入页面,输入宝贝昵称、宝贝几岁和性别,输入完毕后,出现确认按钮;
③ 进入宝贝照片上传界面,可以上传9-15张照片(最少9张,最多15张),可以分次上传(例如先上传3张,再上传6张,或者更多),如果不够9张下方的按钮是继续上传;满足9张,下方的按钮变成确认布展;点击确认布展,开始生成布展页;
④ 布展完成页面,生成展示视频,独一无二的带有宝宝照片的展览开始,小五感慨,视频真的很大气,会眼前一亮;
⑤ 布展完成页面,可以长按保存,保存的海报是当前用户的个人展览馆页面,好友长按后,可以看到生成的展览视频;下方提示关注三元爱力优微信公众号的提示按钮。
3、设计上
关于幼儿产品页面的设计,可以可爱,也可以童趣;这支H5选择纯白配合灰色,整体视觉高端。
4、体验上
上传照片相对于其他案例(一般上传1张),照片数量偏多,至少需要9张;但是生成后的视频,确实很惊艳,会给用户带来惊喜。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号