淘宝:这是我向往的生活

2020-11-20 H5案例分享 H5案例分享
淘宝:这是我向往的生活


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

识别图中二维码

这是我向往的生活-查阅二维码

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


案例:这是我向往的生活

品牌:淘宝

技术实现: cocos2d-js

亮点:

1、创意定位上

淘宝出品H5,洞察当下年轻人对于慢生活的向往,但是无法脱离当下实现它,于是制作了这个H5将大家向往的生活实现出来。

 

2、策划上

① 场景布置(也有称DIY海报),首屏大标题展示了H5的主题,向上滑动进入场景布置页面;

② 在布置页面中,首先选择喜欢的场景,一共7个场景(草原、森林、海滩、野外等),选择后,点击下方的“去DIY向往生活”按钮,进入细节布置页面;

③ 在细节布置页面中,有5个菜单,分别是:房子菜单(9个建筑)、成人菜单(男性女性两个人物,选择人物后,还可以姿势、衣服、发型、配饰的选择)、孩子菜单(9个儿童宝宝)、宠物类菜单(39个动物,例如:小猫、小狗、鸽子、大鹅等)、修饰类菜单(34个植物和飞碟等);

④ 整体布置完毕后,点击右上角的“完成”按钮,出现遮罩层,配上一段文案,文案与选择的主场景(7个场景)有关,最后生成一张海报,用户可以长按保存。

 

3、设计上

有点宫崎骏的画风,恬静且美好;画面中融入细节动画,让用户更好的融入画面,也感受到设计师对细节处理的细腻。

 

4、体验上

如果你看过宫崎骏的动画,你很可能会喜欢这支H5;或者如果你看过湖南卫视的“向往的生活”综艺节目,你也也有可能会喜欢这支H5;哈哈...其实是小编我,已经喜欢上了这支H5~





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

标签

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

相关推荐:

淘宝造物节:那些年做过最热血的事

淘宝:人生账单

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~