实战案例!西瓜视频PLAY设计全回顾

释放双眼,带上耳机,听听看~!
从 2017 年开始,我们每年都会将西瓜 PLAY 的品牌设计思路分享给大家,这已经成为西瓜设计团队的传统。本文主要给大家讲一个盛典活动从头到尾的故事。

前言介绍

西瓜 PLAY 是一年一度的西瓜视频面向全体用户和创作人的品牌活动,今年的西瓜 PLAY 将延续去年的定位——创作人嘉年华。同时,今年的西瓜– U c X q q PLAY也将承载着夯实西瓜视频品牌主张“点亮对生活的好奇心”的作用。因此在形式、内容的设计上K X q L将会突出好奇心这一主题。主打概念“和 1000 位创作人一起,展开一场关于海与岛的冒险”。下面通过一个视频来了解一下本次活动:

视频链接:; b D m |https://v.qq.com/x/pan : * 2 0ge/u3223ryhhca.html

从 2017 年开始,我们每年都会将西瓜 PLAY 的品牌设计思路分享给大家,这已经成为西瓜设计团队的传统。所以下面主要给大家讲一个盛典活动从头到尾的故事。

线上与线下互动结合的思考

今年是西瓜 PLAY e G t e Z * SY 进行的第四年,还是以线上活动与线下活动相结合的形式进行推展。

线上活y i A动会更侧重投稿和互动,通过相对合理t y Q S Z @ E 8 P、公平的方式选出代表平台上备受欢迎的作者参与到线下活动,并提升作者荣誉感。线下活动在海南举办,主要是为了提升创作者的归属感和荣誉感、对外传递关键信息,平台发布重大政策和战略,平台与创作人、创作人与创作人之间的共创交流。

线上活动需要更丰富地诠释西瓜特色生态,品牌和效益要兼顾。线下活动需要更加友好的服务创作者之间的共创交流和品^ G p x牌宣发,二者相辅相成形成闭环。

下面是整个活动链路的整体流程:

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

1. 从产品策略推演设计目标

西瓜 PLAY 是一个深入人心的活动,用户已经产生了品牌认知,西瓜 PLAY 已经成为一个西瓜专属的品牌,是我们宝贵的品牌资产。从产品侧的目标转化到设计侧的目标,就是优化整个活动的交互体验,把控视觉风格,回归设计的本质。通过对用户诉求、商业诉求、新挑战以及设计价值的思考,寻找设计机会点,并确定设计目标与策略。

2. 设计R J v V t i R整体目标

设计是为商业目标服务,从设计视角考虑商业、用户、技术探寻解决方案,是设计价值的衡量指标。

3. 产品级会场体验打造

颠覆传统打榜的体验,在产品架构、页2 G l . W H g $面信息、 用户操作上简化比赛赛制的操作,打造更为简单、流畅的产品级赛场体验。

4. 打榜效率提升

比赛的每个时间段的展示内容和/ ( ] ~ lF . D Z C Q c Z流去向有节奏,分流模块进行多点分流,在内容模块、切换链路、导航等提| u 1 ! ] x K G P升分流效率,并引导⽤用户6 V x T n Z { N浏览和点击

5h f | N 4 | 5 L. 线上线下打通升级

线上线下打通为⽤户带来更加⽴体,设计将直播、短视频、互动融合,为作者呈现更为⽴体的身临其境的线下体感。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

创意方向-海与岛m r 3 H o ( n a的冒险

在前期创意的探索中,提炼关键词的同时,我们也在思考,在夯实西瓜 PLAY 这个 IP 的基础上,保留一些共性,同$ N m { l Y E时又可以表现出差异化和提升。

首先明确今年西瓜 PLAY 的核心诉求目标,结合活动整体产品运营玩法,最终通过外露的设计形式来呈现差异化。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

明确核心] L Z & G j u 7 |L x z l标和传递概念,接下来我们开始思考如何来表现画面,今年的西瓜 PLAY 我们承载哪些内容,这些内容的层级和关联性是怎么样的?

我们希望通过大量的联想关键词来构成我们主 KV 的画面,在今年西瓜 PLAY 的创意方向结合上品牌升级的~ / @h ^ % z , N @ I牌主张“点亮对生活的好奇心”,寻求在设计呈现上的突破点。6 G ! Q

1. 聚I # E ] B s R X焦设计关键词

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

团队内部进行了不同方向的设计探索,最终聚焦到以具象0 y D E Z |的城市海岛为画面,有盛会和嘉年华的隆重热闹感,通过场景中元素和{ x Y ^ t ` _ u P色彩氛围营造好奇心的感受,用建筑里的广告牌全息投影等元素来表现不同的品类,年轻又未来的氛围Z ! j 9 :

在画面概念上会分为} N # B + # l线下和线上两个视觉概念,创意思路上以Z k 9 S H K 7船探索岛作为故事线,揭开海与岛的冒险。

主视觉上以中心海岛` a K为视觉中心,进行创意和视觉延展。线下主 KV 因为在应用场景上和线上 H5 截然不同,所P & –以针对线下大尺寸场景中,强化画面的场景感、增加细节的丰富度,同时也通过更多的画面去诠释今年活动的主题和我们想要对外传播的愿景,也, M R r [埋下西瓜视频与其创作人熟悉的彩蛋和品牌露出,增添了耐看性及一些可解读的内容。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

△ 动画效果

建立品牌化图形符号

我们不希望这仅仅是一个创作者活] n H + +动,办完就结束了,希望能够透传出一些品牌化的内容,把一– g { n ? l `个活动Y W r B $ ) (以一个品牌 IP 的形式去打造可以更加高效的让作者理解和传播,吸引更多的创作者的加入 。

所以 LOGO 部分也做了很多6 : c ( S { L , J尝试:设计思路上我们以西瓜 PLAY 作为视觉主体的c a X 8 * F传播符号进行设计尝试。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

在这次的整个项` p $ ~目中会涉及到内部及外部多部门协作,在多团队需要协作的情况下,我们也在思考如何保障用户对于西瓜 PLAY 设计形式的层面上感受的是一致性,品牌上如何形成品牌化图形的统一性,从哪些纬度能够保障协作时的一致性同k 5 r时在后续的多场景的设计中有比较好的延展性。

所以基于主视觉的创意思路和设计风格,从色彩搭配、表现形式及辅助元素三个维度来制定西瓜 PLAY 的主视觉 KV 规范。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

多方位塑造情感化

明确了主视觉风格样式后,接下来我们面临的挑战是如何将我们的品牌概] + I / h X = #念和设计形式渗透到线上、线下,端内、端外及各种玩法互动中,营造粉: [ Z ; $ G N x .丝互动和作者投稿氛围,将核心玩法在不同的阶段都能充分的让用户参与形成共情。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

1. 运营侧

作为活动引流和端内氛围互动的重要一环,针对海选赛^ S B、打榜赛、晋级赛和决赛各个不同的时间阶段和目标,明确各个阶段的利益点分别在端内外进行传播渗透,让西瓜的k ! + P 6 d #用户 360 度无死角的. C f Z感受西瓜 PLAY 的氛围。

2. 直播侧奖励样式

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

3. 产品侧

通过产品侧B Y r )一些核心场景及功能的定制化,丰富端内西瓜 PLAu / qY 的活动氛围,同时给予用u s [ S户流畅的用户体验,W ^ 4 [ 6来提升整体的好感度。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾


△ 端内活动承接页

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾


△ 片尾水印模版样式

4. 市场侧

通过不同阶段的宣发手段,扩大传播声量,增加品牌影m M S g H 0 J p {响力,通Y / W g过线下活动促进平台与创作人、创作人与创作人之间9 7 [ ` | _ ? T G的共创交流。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

5. 线下活动

线下信息透传也是在整个西瓜 PLAYT Z m % 9 项目闭环中,至关重要的一部分,前期通过线上活动预热、粉丝打榜、内容破圈等一系列营销手段

视频链接:https://v.qq.com/x/page/t3223jbj76i.html

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

  • 主视觉与 UI 部分的融合创意

主视觉主题为海面、海岛和一起冲刺的场面~

所以 UI 部分要想和主视觉结合,要营造一种融合感,每个参赛的创作者就是这片大海的掌舵者,在一个船舱内开向这座W , r ]属于创作人的岛屿,头部的u D 6 k @ t t P m船舱视角增加临场感,形成和所有创作者一起加速冲刺共赴海岛的紧张感。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

针对活动的产品设计应该怎么做呢?

1. 逐渐递进的L 7 J | ? O % 7 +赛制流程

介绍海选O ^ – 赛晋级赛总决赛荣耀殿堂的依次递进的关系,不断筛选优质作品,激励作者提高视频质量进入荣耀阶段。

2. 预热阶段

首先要营造出前期活动的赛制氛围,营造赛道氛围,促使作者号召粉丝进行打榜,投稿打榜的方式可以更好提升用户! / y l !对投稿的认知,也能够沉淀下来精彩的视频内容。

同时预热期要传达出西瓜的特色生态,品牌和效益都要兼顾。页面从头至尾品牌元素进行复用,模块v P ] &化的功能布局使得活动介绍页更加清晰易懂。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

那打榜氛围是如何营造的呢,主要是取决于作者的号召和投稿的竞争力度以及投稿质量,赛制的公平使得沉淀下来许多高质量的投稿内容,打通了从创作→投稿→号召打榜→竞争上榜, _ / g =这一条链路的闭环。

3. 海选赛→晋级赛→决赛

这三个阶段是比赛进行中的阶段,/ Z E { p主要是l M T P 2 #作者之间的打榜竞争,获得互动助力和视频助力相对较多的作者将进入荣耀殿堂的状态,每个阶段逐一筛选出更加优质的作者。

  • 海选赛

比赛进入投稿打榜阶段,前一百n W P名的作者将在榜单进行展示。

产品上以进度条和当前状态结合的方式进行了融合,既能清晰的表现出目前所处的状态也能明确知道不同赛段相应的时间节点。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

  • 晋级赛&决赛

晋级l g t ?赛同海选赛类似,总决赛增加了视频助力的互动方式为自己喜欢的作者加油。

引入了“助M ^ q 3 N )力视频”的玩法,鼓励粉丝拍视频为作者助力,赛制调整的主要目的是借助西瓜 PLAY 活动提升站内的互动氛围和投稿氛围。

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

4. 互动弹幕

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

结语* – e

随着这次西瓜 PLAY 的结束,一场声势浩大的创作人的嘉年华的盛筵也暂时落幕,随着西瓜视频业务的快速发展,市Z | 1 S K场格局开始走向稳定和_ F m Z 6明确,面对市场竞争不断的变换,我们在西瓜 PLAY 整个活动链路上,也要寻求满足用户和创作者更加多元化的诉求,我们在设计层面上也希望通过不断的探究和打磨,不光是在视觉层面L 3 – r 2 w C上,同时在拆解业务目标、实现商业价值} D 9 G r及沟通协作上体现y ) n u q 9 ? 5更大的设计价值。

回顾整个设计过程,是一个紧张又快乐的过程,多元和丰富的设计场景充满挑6 Z 3 n战,第一次接触了奖杯的制作,积累了珍贵的设计经验,同时也积累了; 9 ^ ~ ~ $ W很多项目经验能够帮助和反哺到其他项目中。

我们希望通过西瓜8 L M $ M ; PLAY 更: N e好的发挥我们的品牌效应,借助多元的资源渠道扩大品牌影响力和号召力,让大家全面的了解西瓜的设计及品牌,在扩大品牌影响力的同时传递设计% [ : K J的价值,助力我们在“中视频”赛道乘风破浪。

欢迎关注作; r / M S U N 6 5者微信公众号:「今日头条UED」

实战案例!西瓜视频PLAY设计全回顾

实战案例!西瓜视频PLAY设计全回顾

给TA打赏
共{{data.count}}人
人已打赏
教程分享

细节见真章!12个按钮设计容易踩到的坑

2021-2-8 17:16:31

教程分享

从准备入门到跨过门槛:3D神器Blender 教程来了!

2021-2-8 17:20:03

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索