大悦城 × W：为半途而废的人们造座岛

2017-08-31 H5案例分享 H5案例分享

案例：为半途而废的人们造座岛

出品：大悦城 × W

亮点：

策划上，进入案例，是一个模拟的“野狗地图”软件界面，“我”正在软件里搜索某座岛，但“地图siri”被我弄得不耐烦，嫌弃了一句后便罢工让我自己找。此时出现呼喊声（咳咳咳，韩语还是朝鲜语并不知道，不过听说这俩差不太多），随提示点击文字可以将地图中心定位到声源处，会发现呼喊的人在海里，点击人物角色会在其头部出现人物独白，并出现下一个呼喊声…之后由“马”氏爸爸的独白，转为视频动画。视频描述野狗带着海中诸多人士（仿佛还看见某只熟悉的奇怪的羊驼君…）去找寻野岛。点击按钮登上野岛，最后是以滑动长图的形式展现“野岛”展区。

设计上，手绘画风，地图部分做得就很细腻，很若有其事的样子，从小就地理不好的我，甚至还在跟真实地图比对看这些都是什么地方…人物音效设定非常有逼迫感，很强势地引导用户进行下一步交互。长图展示部分，用到了视差效果，最后还用到重力感应效果来配合展示画面。动画效果方面，不像W之前的几部作品一样那么炫酷，但一样充满吸引力，从出乎意料的开头，就觉得一定很有趣。

体验上，说实话一开始并没有看懂案例想表达的意思，甚至持怀疑态度，案例说“为半途而废的人们造座岛”，又邀请人们登岛，是不是在暗示登岛的人都是“半途而废”的呢。后来感觉，想表达的意思可能是，“半途而废是找不到岛的，不要半途而废”，以及不用再苦苦找寻野岛了，野狗直接带你去野岛，从而引出大悦城“野岛”活动吧。

技术实现： TweenMax(动画框架)

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

识别图中二维码

为半途而废的人们造座岛-查阅二维码

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

标签