五周年之《奇妙的冒险》活动总结

一、活动概述

聚享游平台五周年庆邻近，一路走来，活跃用户数不断在增高，我们在用户的陪伴下一起成长，这一路上我们要总结过去，展望未来，重新出发。同时，也为了增加用户活跃，发放福利增加用户粘着性，本次活动围绕“周年庆——有你才不思议”这一主题，分为以下四个分支活动：

主入口 —— 故事の开始：走情感路线，视觉以动画为主，引导至4个分支活动页面；

分支一 —— 天降红包：每日10点整抢红包，红包内包含多个不同的任务，完成后即可开启红包；

分支二 —— 进击のVIP：开通20元VIP卡，赠送充值返利券；

分支三 —— 奇妙の冒险：通过完成试玩、棋牌、理财、打码、悬赏、充值及购买VIP任务获得不同道具，使用道具获得U币和经验奖励；

分支四 —— 有你才不思议：使用活动经验值领取五周年专属头像框；

其中，本人负责分支三——奇妙の冒险会场的页面设计。

二、流程脑图

根据活动规划初步流程图如下：

三、需求讨论

本次周年庆活动相较去年还是简化了不少的，一方面在页面的数量上，另一方面在页面的呈现形式上没有那么多的动态效果。首先，最重要的是主入口页面的设计，根据该页面的内容定位相符的设计风格，最后确定了简约而不LOW的平面风。这一风格非常符合主入口页的基调，能通过扁平的元素和色调搭建插画场景表达温情的文字独白，但是也萌生了新的问题，那就是其他的分支会场是否也适合这样的设计风格呢，是否要放弃统一风格呢？

我们再来看一下分支活动：

红包、VIP、送礼都是属于活动感强情绪比较高涨类型的活动，一般此类页面设计氛围比较热情浓烈、热闹欢乐，而参考风格则过于小清新和插画感十足，并且在没有动效和故事展现的前提下会让人感到缺少细节处理；而我负责的奇妙的冒险活动内容更是有本质的区别——使用道具救治的神兽乾吟龙、震啸虎、幽璧犬、游斗兔，首先从设定上来看神兽的设定游戏感、中国古典感十足，无法用平面的风格来表达；其次从功能上来看，使用道具救治是没有上限的，那么我们试想一下，当用户进入页面看到四只奄奄一息的神兽，使用道具后神兽回光返照，之后又回到了奄奄一息的状态，这在感官上是不太友好的，比较负面情绪的。因此在评审会上经过讨论，一致将活动方案改为喂食萌宠，一方面解决了风格问题，另一方面也让活动变得积极阳光。

四、设计思路

评审会后，我们几个负责各个页面的小伙伴也一起进行了风格的二次确定，在视觉风格上采用扁平的设计，同时也加入噪点的修饰，加强质感，在保证风格画风统一的前提下，各个会场有所关联也有所不同，关联的是画风、字体、还有在局部的元素上保持统一和沿用，不同的是主入口着重强调场景感，奇妙的冒险着重强调互动感，其他页面也都根据各自的内容进行调整和丰富。

关键词：愉悦心动怜爱软萌

根据活动内容和已定道具和角色，脑补出一个完整的故事线，奇妙的冒险在最初的设计构思是：整个场景是主入口五周年飞船跨洋过海经过的的某一个小岛，小岛上居住着各种萌萌的小动物，有机灵兔、水星猫、淘气狗、魔力虫……他们卖着萌，楚楚可怜的向登岛的人们乞讨食物，我们要做的是通过在聚享森林中的冒险（试玩、棋牌、理财、打码、悬赏、充值及购买VIP）获得到不同的食材，做成好吃的给小动物们吃，作为回报，小动物们也会慷慨的送出U币，达到一定的冒险经验还可以收获五周年的特殊头像标志。

根据脑补的故事，四位主角的设计是重中之重，也是页面功能交互最关键的地方，因此在除了在形象上放大了他们的萌点，还借鉴参考了求包养图片，以纸箱作为道具，一方面在设计上可以节省时间只做半身的设计，另一方面在这部分文案信息可以有一个合理的展示形式和分层，同时也顺理成章的和按钮（食盆）相结合。小动物部分做了两种状态，一种是常规状态可爱，另一种是hover状态（意图引导用户）张嘴流口水，摇尾乞怜，眼神闪烁；相应的按钮上也有对应的两种状态——空食盆、满食盆。

在弹窗的设计上，同样希望根据交互的不同反馈弹窗效果也不一样，但是考虑到前端切图是否太大，影响读取，因此只在弹窗的局部图标上做的变化，复用了宠物动效帧图按统一的百分比缩放，当然这还是会加重前端的工作量，要对反馈结果做条件判断调取不同的图片。