营销设计|WPS 移动版十周年一整套设计背后的故事

三分设

共 2227字,需浏览 5分钟

 ·

2022-01-13 08:07

点击"三分"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设|连接知识,帮助全球 1 亿设计师成长
转自:CED设计团队
编辑:章欣怡
共 1830 字 22 图  预计阅读 5 分钟


Part 1

活动背景

2021 年,是 WPS 移动版的第十个年头。

我们希望通过这次极具纪念意义的周年活动,去呈现和回顾 10 年移动版的发展历程,展现公司在办公领域的坚持奋进,同时也借此感谢历代移动版员工和用户一直的相伴而行。

WPS 移动版十周年活动,从视觉 KV、视频宣传、宣传推广等多渠道来诠释活动的主题:“ 用 10 年改变一件事 ”。接下来,让我们一起去看看设计背后的故事吧…


Part 2

设计目标

为了能够更好地传递这份特殊的意义,CED 设计团队、个人版用户运营团队一起进行了多次深度脑暴,最终从满屏的会议板中确定了此次活动的设计目标:向用户传递 2 个核心点 — 10 年、变迁。

前期脑暴探索

我们围绕着 2 个核心点从以下场景进行渗透。



Part 3

活动品牌搭建

1、活动 LOGO
WPS 移动版十周年主题的 LOGO,基于「数字 10 + 移动设备 + 办公文档」的形式来进行发散式设计结合。最后敲定了以 “ 10 ” 为统一的基础符号作为主 LOGO,同时形式上也兼具手机移动、办公文档的产品属性及品牌识别性。

数字 10 + 移动设备 + 办公文档

2、角色故事
这次主视觉不单只是一张插图海报,里面的故事、元素也可以单独拆分出来,运用在这次活动的不同项目中,不仅能确保项目视觉风格的一致性,还能提高整体的协作效率。所以可以看到,我们用了两组独立的插图故事去表达 10 年前后的办公方式的变迁。

10 年前的办公方式

10 年后的办公方式

3、视觉元素
提取插画元素、LOGO 形状轮廓作为基础符号快速延展。

KV 插画元素

LOGO 图形


以 “ 10 ”作为基础符号,运用扁平插画进行填充。插画内容除了表达 WPS 移动版延续电脑版专业的文档处理能力外,还重点体现了「表单、拍照扫描、简历助手、扫码录入」等特色功能,即突出 10 的基础形状,同时还展现了 WPS 移动版的品牌特性。


Part 4

外宣物料


1、活动主 KV
草图方案探索

活动视觉海报选取 B 方向,希望通过时间轨道的形式体现时间和空间纵深感,用中心向两侧发散的视觉空间展现画面故事,以表达办公时代从电脑到手机的时代变迁,引出活动主题 — 用 10 年改变一件事。

活动主KV

主 KV 突出手机版 10 周年的活动 LOGO, 插画的故事内容展示了的办公方式的变迁。

2、移动皮肤
10 周年移动皮肤

3、宣传视频
WPS 移动版十周年宣传视频的制作是一次新的尝试和挑战。

首先风格上积极尝试使用目前流行的 3D 动态设计,用 1 天时间快速确定了故事分镜和视觉风格,5 天时间用 3D 制作完成整个视频的渲染输出。

一周制作流程

在宣传视频里,我们通过时钟的快速倒转,营造一种时间倒流的穿越感,带大家回到了十年前。当办公桌面的设计稿纸出现我们 WPS 移动版第一版本的 LOGO 手绘时,经典的 WPS 移动版 1.0 LOGO 被逐渐点亮,接着弹出并附着在手机界面上呈现经典的启动页。

通过展示第一代移动版功能点,再将功能点旋转汇集成小球,形成抽象的 LOGO 通过变色表达十年的更迭和成长,最终变成最新版的 LOGO 跃然纸上,汇成给老移动员工和用户的一封信:感谢一路陪伴,10 年一路坚持,祝福移动版 10 周岁。

😝 彩蛋:宣传视频里的「手机」,我们特别选用了小米手机一代,选择的理由除了发布时间都是在 2011 年外,也向小米手机一代颠覆中国移动互联网的影响力致敬。同时也希望在全新的 10 年里,WPS 移动版能像小米一样不断提升国内外的影响力,续写新的传奇。

故事分镜

视频展示



Part 5

内宣设计

1、周边物料

2、活动现场


—  The end  —
以下三分设文章,你可能也感兴趣
 
📚 原创文章精选📚
告别加班!使用设计系统方法更快地构建产品
如何评估设计质量,提升设计技能
你常常忽略的 7 个具有破坏性的体验鸿沟
一篇文章告诉你服务设计到底能做什么?
看 Apple CarPlay 如何提升驾驶安全和驾驶体验
一起看看《对马岛之魂》如何打造初次对抗体验
制定 “小目标”,了解产品管理中的结构化思维
35+ 的 Windows 系统到底有什么了不起?
导师与学员的高效交流 APP 设计 —— Lightship
🙋 我们一起聊设计 🙋‍♂️
高质量,学设计行交流微信群
期待与更多优秀用户体验设计师一起成长
PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 
点亮『在看』,百万年薪
浏览 54
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报