赞助商
立即赞助

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

一、项目背景

百度网盘是百度提供个云存储服务,自2012年上线至今,过强大技术能力以及承担高额带宽成本,为7亿用户提供文件存储、备份、分享、共享等服务,成为业领先位。

6年里,我们从满基础存储需求的一款工具,到现在越来越意识到高品质和情感化的验对用户的重要。

因此,团队希望通过本次的品牌升级,能够从视识别、产品验、上下推等度来传递品牌核心价值,同时遵从极简克的百度「高级感」设计理念,形成一套完整统一的设计语言,正的做到像 slogan 所传递的:「让美永远陪伴」。

二、品牌升级目标

次品牌升级希望传递用户3个核心点:更有温度、更便捷、更年轻。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

1. 为什么要「更有温度」?

网盘以来存储着用户美好回忆,比如:难忘旅途照片,宝宝成长记录,家团圆时合影,激情工作时陪伴。此,它不仅仅是款冰冷工具,而是个懂你、有情感、有温度生活助手。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

2. 为什么要「更便捷」?

过几年,盘一直打的牌核心点是「全」、「免」、「大空间」,可否认之前的牌传递是成功的,因为通过这些核心点,在同行的户占有率达到80%上。

是,未来除了最基础「安全」以,需要传递什么感受呢?我们深知品体验有很大提升空,比如:如何让品更易用、存储更便捷、查找更便、浏览更沉浸等等。此,「便捷」是接下来品需要传用户核心价值。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

3. 为什么要「更年轻」?

通过数据分析,盘的户24岁左右占大多数,就意味着我们的流群体是年轻人。除此之外,保持牌的年轻,是每一个公司都希望做到的。

此,本品升级,我们希望不管是从视觉层,是文案互动,以及运手法,都更加年轻化及趣味性。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

三、品牌理念渗透

牌升级是虚喊口号,而是应该通过各个设计触点的配合给户传达融合、一致的感受和体验。因此,我们从几个场景进行渗透:牌识别、APP设计、牌延伸。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

1. 品牌识别

在品牌识别渗透环节,涉及以下个方面进行优化计:品牌色、品牌标识、品牌字体。

品牌色

品牌色是用户知品牌最直观的方式,比如:想可可就想红色,想百事可就是蓝色,想零度可就是黑色。对,好的品牌色能够占领用户心智,从而产生想,这就是品牌色的重要性。

那么百盘呢?盘的牌是从0到1的小而美的创设计,需要兼顾7亿户量对牌的已有认知,这是一个令人头疼的挑战。

此在品色选择上,考虑到较大改动带来用户认知成本增加,所以经过多轮尝试和讨论后,决定延续用户已有认知「红蓝」配色,在此基础上,进调并渗透新品理念。

同时,在品牌上希望传递「更年轻」的品牌理念。我们大量收集现「年轻」的场进行轮讨论筛选,提取,结合情绪板,最终提炼并定义我们的品牌。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

牌标识

在做牌标识(LOGO)阶,大发散了很多想法,尝试了很多方案。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

通过多维思考及利弊权衡,最后择在延续原有 logo 特征上,体现牌念——「更有温」的感受。

那么,现实生活什么场景,会「有温度」感受呢?我们想到了拥抱、爱心、阳、焰等等。最终觉「微笑」更符合我们所传递感受,时也能更好跟原有 LOGO 特征进结合。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

以下是 LOGO 设计思路,用颜色体现「年轻」,微笑体现「温度」。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

LOGO最终造型:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

牌字体

LOGO 确定后,还需要设计与之搭配的牌字,这个阶最要是到跟牌性格及图形格相契合的字体骨架。同时兼顾原有字体的认知,在此基础上进行微调。如:统一字体的粗细,及切角的角,使整体视觉更协调。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

LOGO和字体组合的最终版本:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

2. APP设计—NA端9.0全新升级

不可否认,传递品牌理念最直的方式,就是在用户使用它。因此,对产品 NA端进行9.0全新升(这是上线以来第一次大改版)。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

品牌基因

互联网产品越越同质化的今天,出差异性符合品牌调性的设我们面临的挑战。因此,品牌基因方面,了的试。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

过多轮讨论,我们选择以「积木」作网盘的品牌基因。因「积木」陪伴我们,表我们的童,给人温暖的感受,同时,不同几何形的积木看似单一,组合起又很多可能性,体了轻趣。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

图形设(ICON)时,提取「积木」中的几何元素行叠加处理,用色加鲜亮,突显轻化,形网盘自己的图形体系。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

相比「尖锐」的直角,圆角给人柔的视觉感受,同时过多轮的试,终确圆角小8px。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

同时空白页延续图形风格,能够好的统一视觉语言,传递加一致的品牌感。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

动效,采用了符合「积木」运动特征的理属性。因此,运动节奏利落的不拖泥水。比如,积木受到一力,由于摩擦力会速停止,并非很Q 的弹性动效。

下图中,「蓝球」代表目前网盘中素的运动方式,「红球」代表了市面上常见的弹性运动方式。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

下图,是将这种运动规则使用在产品界面中:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

同底部 tab 在运动节奏上,也采用相同的运动规律,赋予产品年轻活力的视觉受,同不会喧宾夺主过度抢戏。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

下拉刷新,是增品牌记忆的最好体现。本次提取 logo 基本素,同调「笑」,加深用户对品牌的印象。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

功能设

面提到,度网盘保存用户非常多好回忆的照片,或许那些回忆,用户都已忘记,但往往这些的惊喜感动。

因此,9.0版本新增「故事」模块,让美好回忆你不期而遇。通过术对优质、彩照片的筛选,生成故事卡片,推送给你,给你带来温暖。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

了节省用户时间,传递品牌「便捷」的理念,本次改版我们优化「分类」模块,将「分类」外置于首页顶部,减少用户操作,轻松查找自己的文件。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

同时首页新增「近」功能,方便用户便捷查找历史操作,不以,反复点击层层相套的文件夹去浏览与查找。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

排版局

文件列表是用户使用网盘最高频的路径,针对个场,我们遵循视服从功能,极简克的百度「高级感」设计理念,通视手段区分信息级,让用户浏览时「更便捷」。

因此,本次对文件列表排版布局,从以下几维度行优化:小、重、间距。

大

改版前,户打开件列表,首先看到的是满屏色的件夹,而这些并帮助户进行浏览或筛,反而会成视觉干扰。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

因此,本次对件图标大小,缩略图尺寸,及标题信息大小,进行整体调整,从而升浏览效率。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

重量

于文件列表,信息层级要性依为:名称>图标>时,此,本优化了视觉量比。

通视重量的处理(对标题字号加粗、颜增强),让用户更加便捷的获取有效信息。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

间距

以下旧版安卓端改版后对比,去除顶部蓝色导航的同时,通过缩小文件图标,缩小列表间距。

同,调研行业内有代表性产品的列表行间距,综析对比,最终确定列表行间距为「180px」,衡体验的同,让用户在首屏更多内容。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

还对 NA端进行统一的栅格化布局,让页面有统一的秩序和韵律。让素、模块、页面间距有规律可循。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

栅格化布局落地全部界面:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

以上,是品牌理念渗透 APP 计中,进行9.0大改版的相关计,从品牌基因、功能计排版布局,统一的传递全新品牌理念。

3. 品牌延伸

线上线下的活动和物料计,也是品牌和用户的触点,在计的候需要延续整体的品牌调性,传递出统一的品牌。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

总结

以上,是百度网盘本次品牌升背后的因,以及相关体验计优化。从前期定义品牌核心理念(更有温度、更便捷、更年轻),通过不同景及触点进行渗透(品牌识别、APP计、品牌延伸),线上线下多维度的传达统一的品牌理念。所做的这一切,都是希望能为用户提供更好的服。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

本次品牌升,是百度网盘所有同学努力的结果,深知还有多体验需要提升,这次升只是开始,会持续让用户受「让美好远陪伴」。

注作者的微信公众号:「大牙的设计笔记」

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

相关文章

一个产品从起步到日趋成熟通常要经历多次迭代。在这个过程中,对于视觉设计师而言,如何在不断变化的产品中保持设计的延续,...
品牌升级
作者将向你展示 QQ团队在打磨短视频拍摄能力的思考和经验沉淀,展现一个完整的设计过程。 文章概述 短视频产品成为年轻用户社...
实战案例
随着消费升级的步伐,商家总结出在带动消费能力上小孩>女人>宠物>男人的规律,爸爸们作为商家最不重视的一个角色,...
H5
最近《创造101》让 pick 一词大火,大家都在讨论自己 pick 了哪位小姐姐,pick 到一定地步的人被称为铁粉,极端失去理智的叫...
QQ空间
网易UEDC – 张书超 :本文讲解如何以最低成本和数据来驱动的设计改版,让发现页能够继续更好地为用户服务,同时能够提升用户...
改版设计
不知道大家有没有发现最近两年互联网发生了很大的变化,过去移动互联网时代我们主要是以做「工具」为主,也就是一个具体的 Ap...
实战案例
在上一个不同寻常的周末,复古青年写真霸屏了 QQ 空间、微信等社交平台,撩拨了每个年龄层对自己复古青年形象的想象。 活动...
实战案例
每一次学习改版案例,不仅仅只是去看在视觉层面的变化,更多的应该是要学习到作者改版背后的思考。为什么要这么改,原因是什...
改版设计