淘宝:这是我向往的生活
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:这是我向往的生活
品牌:淘宝
技术实现: cocos2d-js
亮点:
1、创意定位上
淘宝出品H5,洞察当下年轻人对于慢生活的向往,但是无法脱离当下实现它,于是制作了这个H5将大家向往的生活实现出来。
2、策划上
① 场景布置(也有称DIY海报),首屏大标题展示了H5的主题,向上滑动进入场景布置页面;
② 在布置页面中,首先选择喜欢的场景,一共7个场景(草原、森林、海滩、野外等),选择后,点击下方的“去DIY向往生活”按钮,进入细节布置页面;
③ 在细节布置页面中,有5个菜单,分别是:房子菜单(9个建筑)、成人菜单(男性女性两个人物,选择人物后,还可以姿势、衣服、发型、配饰的选择)、孩子菜单(9个儿童宝宝)、宠物类菜单(39个动物,例如:小猫、小狗、鸽子、大鹅等)、修饰类菜单(34个植物和飞碟等);
④ 整体布置完毕后,点击右上角的“完成”按钮,出现遮罩层,配上一段文案,文案与选择的主场景(7个场景)有关,最后生成一张海报,用户可以长按保存。
3、设计上
有点宫崎骏的画风,恬静且美好;画面中融入细节动画,让用户更好的融入画面,也感受到设计师对细节处理的细腻。
4、体验上
如果你看过宫崎骏的动画,你很可能会喜欢这支H5;或者如果你看过湖南卫视的“向往的生活”综艺节目,你也也有可能会喜欢这支H5;哈哈...其实是小编我,已经喜欢上了这支H5~
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号