【UI设计】顺丰|带你回顾2022中秋游园会

「中秋游园会」是顺丰在2022年中秋节期间上线的营销活动。

本次活动，把中秋节的传统习俗与顺丰业务相结合，使用户在体验过程中，既能感受到中秋的节日氛围，又可增强对顺丰品牌和服务的感知，达到回馈新老用户，激活沉默用户，提升用户活跃和粘性，促进业务增收的目的。

一、与传统习俗相结合，构建顺丰中秋游园会

1. 打造古风夜景

本次活动结合手绘风格，整体首页打造古风大街的场景。分别提取了古代建筑的特色，让整体活动更贴近生活，让用户感受到浓烈热闹的街景氛围。

另外在前面街景的建筑牌匾上贴合活动主题，引起用户对本次活动的共鸣。

在构图方面，整个大场景做了一个由近到远的一个大透视，通过每个建筑的穿插关系，打造古风街道画面。

在颜色上，选取了传统的紫色为这次活动的天空夜景颜色。主色调方面选取了橙黄与嫣红作为主色调，拉开拉开整体空间层次。点缀的颜色方面我们选取了黄绿作为点缀颜色丰富整个画面。

细节的质感方面，在古风的建筑上做了一些店铺的设计，让活动氛围更丰富，而街景也适当绘制了一些人物，精致的人物设计活跃整个氛围。

标题字体方面，原始字体选取了辨识度比较高的厚重字体，提取中国传统的建筑屋檐瓦砾元素，与字体做了一些结合设计。

2.构建游戏场景

整个活动首页第一屏，分了三个区域，上部标题区域尽量留空突出活动主题。

中间部分是这次活动猜灯谜区域，主要突出活动的玩法，确保题目清晰，另外在答题的背景卡上设计了锦旗展开的形式，寓意旗开得胜，游戏答题通关。

底部是操作区域，因为是答对题目会月饼掉落，所以结合顺丰业务做了一个箱子的元素。

我们为“抢免单·寄相思”模块设计了一个古风擂台环境。

为了贴合中秋氛围，免单券样式设计也区别于传统运营优惠券，信笺的形式搭配铜钱纹增加其质感，中心的主免单券置于莲花座之上，配合扩散的光圈和向上的浮游粒子，旁边简化过的副免单券置于莲叶座之上。

二、多种玩法结合，激发用户参与积极性

在设计上，通过曝光活动利益点「触发」用户参与、引导用户采取「行动」、给予用户多变的「奖赏」、让用户持续「投入」至活动结束，降低用户参与难度，提升用户参与动机，从而达到让用户会玩、爱玩、一直玩的目的。

1. 直观的利益刺激，吸引用户进入活动

根据活动的节点，打造多套宣传广告图，结合不同渠道不同广告位，给予投放，通过“388元大礼包”“免单”等用词，抓住用户求优惠的心理，鼓励用户薅羊毛。

【武汉全链路UI设计，交互设计零基础实训面授班】

http://www.yanguosheji.com/h-col-105.html

2. 规划参与路径，提升链路转化

用户进入活动页面并领取中秋大礼包后，正式进入中秋游园会，进行猜灯谜+做任务+兑好礼+抢免单，活动玩法之间相互关联，猜灯谜后可直接做任务，做任务中又包含猜灯谜和抢免单，让用户流连在活动中，增加停留，促进转化。

3. 多变的奖赏，维系用户参与兴趣和动力

用户进入活动页面并领取中秋大礼包后，正式进入中秋游园会，进行猜灯谜+做任务+兑好礼+抢免单，活动玩法之间相互关联，猜灯谜后可直接做任务，做任务中又包含猜灯谜和抢免单，让用户流连在活动中，增加停留，促进转化。

4. 持续的投入，提高用户流失的成本

通过持续的猜灯谜、做任务、抢免单、冲击排行榜，用户在活动中投入了大量的时间、精力、金钱和感情，排名越来越靠前，距离心仪的礼品越来越近，无形中提高了用户流失的成本。

三、动静结合，营造趣味氛围

1. 多变的奖赏，维系用户参与兴趣和动力

我们遵循从远到近的原则，用户在滑动到第二屏时候。背景街区会缩小。近景的第二个古风建筑”抢免单“模块会上移。从而打造一种在手机页面上”观花灯，赏明月的“游园的感觉。

2. 即时反馈，提升游戏参与感

对于答题类玩法的设计，”及时反馈“ 是提升活动沉浸感的重要手段。
为刺激”答题激励“这个行为过程,在动效上我们弱化答错动画效果，强化答对的奖励的样式，提升互动感和沉浸感。

3. 音效加持，增强沉浸感

中秋活动的音乐采用了古风与传统音效相结合的组合，营造出中秋游园的氛围。

活动上线后，活动访问量和业务转化量达到预期目标，活动参与率及留存率均高于同类活动，取得了很好的活动效果。

以上，是对顺丰2022年中秋节活动的回顾与总结，感谢您的阅览～