赞助商
立即赞助

实战案例复盘!起点读书 515 周年活动设计总结

产品经验3年前 (2021)发布 流光
2.4K 0 0

活动背景

515 周年是点每年例行的大型运营活动。今年采用游戏形式的活动玩法,通职业角形象、任务策划、排行榜等不同度来加强者与读者的互动、品与用户的联系,打造新的「515催更者联盟」活动。

活动故事背景为用户可选择成为赏先知、时空游侠或典藏馆长三个神圣职业,过不断历练自身战力值,联合抗起大陆异军突起断更兽,保护作家写作环境与网络文学世界和平,并可获丰富奖励。

实战案例复盘!起点读书 515 周年活动设计总结

交互设计

实战案例复盘!起点读书 515 周年活动设计总结

△ 515活动页面逻辑

515 活动页面逻辑上图,共 14 个主要页面。

经过多活动沉淀,此活动主 Tab 精简为三个,分为个入口聚合页及个不维度榜单页:

  • 「我的主页」聚合职业形象、每任务、我的道具卡牌、boss 决战口的主页面;
  • 「战队擂台」作品战队战力值三榜单;
  • 「职争霸」全冠军及个职行榜。

创新点

1. 每日任务变身剧番外+世界图

今的每日任务不同于以往的任务列表,借鉴了游戏图的形式,一张图(约竖屏三屏)涵盖 15 与作品对应的点与 3 原创点,每点对应一每日任务。

同时每个任务有向用户征集的与该地点相关品所匹的同人番外(共使用 270 篇),增强做任务的趣味及内容联动。

实战案例复盘!起点读书 515 周年活动设计总结

△ 515 每任务页面

2. 活动道具结合客户端卡牌功能与下周边

515 活动中共获得 18 种品属道具(或道具碎),用户除以在活动内「我的道具卡牌」页面浏览自己获得的道具及碎,还以在起点读书端内「我的卡牌」页面查看 515 活动专属道具卡牌。同时,18 道具还会制作实徽章奖励给部分用户。

实战案例复盘!起点读书 515 周年活动设计总结

△ 515 道具页面与客户端卡牌页面

视觉设计

1. 风格

今年的 515 整体风格,根据定,采用了贴故事背景的方修仙风格。在页面中主要体现为颜色、素的使用。

实战案例复盘!起点读书 515 周年活动设计总结

△ 视海报氛围参考

2. 形象

三个职业形象的定充均衡了用户考量,别代表了独立聪慧的性形象、学五车的经典阅读形象、象征财地位的高贵形象。Boss 定为「断更兽」,蹭了作家端更梗的热点,也让用户更能同身受。形象立绘根据画风定需求,邀请了画@-君翎-作绘制。

实战案例复盘!起点读书 515 周年活动设计总结

△ 从左至右别为:空游侠、赏金先知、典藏馆长、断更兽

3. 配色

515 页面的主色使用了整体饱和度偏低的深蓝色,辅以金色衬托氛围,深红色增加部模块的荣誉。同,在常规页面 BOSS 决战页有整体色调从蓝金红黑的转换(图1图2),突出 BOSS 殊死一战的紧迫。广告素材也调整了红蓝色的比例(图3),使广告素材带有更多起点的品牌征(红色)。

实战案例复盘!起点读书 515 周年活动设计总结

4. 元素

基于修仙的故事背景设定,成为了贯穿整个 515 的大小细节的核心元素,从 LOGO 到页面在各个细节处都使了同形式的图案来统一整体。

实战案例复盘!起点读书 515 周年活动设计总结

5. 任务地图

日剧情任务大地图也是本活动工作量比较大部分:由原画学绘制 18 个原创地筑,再由设计师拼接制作成张大地图,并需要考虑地类型、排布、任务状态等等素。

实战案例复盘!起点读书 515 周年活动设计总结

△ 515 任务地图

6. 活动具

关于此活动具,在策划初期确定了要做成实体边想法,所以在具 icon 制作时也多了更多需要考量素,尽量平衡与原著原度、精致程度与实体化可性。

实战案例复盘!起点读书 515 周年活动设计总结

△ 515 活动具

7. 广素材

在与品确认宣传期及侧后,我们针不时也制作了不广素材。提供了多套动态闪屏,执了ABTEST 案,以此来验证更精细广素材活动影响。

实战案例复盘!起点读书 515 周年活动设计总结

△ 部分活动闪屏

总结

今年 515 活动在体设计上与去年采用了完全不风格,并针色形象、任务地图、决战页等都做了升级优化,打造了个不氛围 515。

此次 515 的设计过程中,会入更多合作的分:与外画师的合作、多名设计师参与设计同分、原画的相支持、线周边供应商的同步进行……给设计带来了更大的影响,保证了这样一个大体量在紧张的设计期够准时保质交付。

欢迎关注作者的公众号:「阅文体验计YUX」

实战案例复盘!起点读书 515 周年活动设计总结

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在 ACG 圈有着这样一种赛事:没有硝烟战火,没有(广义上的)明星参与,没有盛大线下比拼,却能引发广大粉丝疯狂参与,甚至爆...
二次元
本文详细剖析11款字体设计的全过程。设计+解析+动效,以最简单易懂的方式,合成一篇字体设计分享文章,希望你会喜欢,并留言...
中文字体
对于门票详情页,商品预订模块一直都是最为重要的部分。用户通过与这个模块的交互,完成对商品的浏览、比较与选择等一系列行...
实战案例
我们在设计产品的时候,有时不知道如何提升产品使用路径的体验,如何设计适应不同设备不同场景的统一性。此篇文章会通过设计...
实战案例
现在 UI市场越来越完善,在以前 dribbble 等不敢想象的风格都逐渐出现在产品中。那么在现在的市场什么样的「设计」是好的设计...
实战案例
不知道大家有没有发现最近两年互联网发生了很大的变化,过去移动互联网时代我们主要是以做「工具」为主,也就是一个具体的 Ap...
实战案例
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
@途家UED:途家网,全球民宿预订平台,为用户提供公寓、别墅、树屋等各式新奇住宿。 为了更好的贴近及满足用户体验,设计团...
实战案例