近两年越来越的学员从事B端产品设计,2020年的就业情况也显示,公司比较青睐有B端产品设计经验的学员。但市面上关于B端产品设计方向的文章及视频内容较为贫瘠。导致很多学员“谈B色变”,所以本周且曼设计学院请来了百度负责B端产品运营设计的高锦龙给大家分享他的实际工作经验。
活动非常成功,这里也分享一些这次的干货,希望给更多设计师带来启发。
01
什么是B端产品
B端产品已经被很多设计师挂在嘴边,但是问其B端产品到底啥意思,很多人都支支吾吾说不出个所以然。在百度里查到的定义如下:
「Business:通常为企业或商家为工作或商业目的而使用的系统型软件、工具或平台。解决客户在办公或经营过程中遇到的问题,为客户提高效率、增加收入、减少成本,一句话概括就是“为客户赚的更多,省的更多”。」
这里可以解释为,B端产品由基础设施层、平台层和软件层三层构成。根据提供部署的层面分为本地部署、LaaS、PaaS、SaaS。这几个名称对应的服务如上图所示。为了方便大家理解,这里举个例子:
百度的爱番番提供的服务也分为PaaS端和SaaS端,对应的产品如上图所示。
02
Paas产品视觉产品复盘
这个项目中接到的需求是要设计一个能应用于【爱番番PaaS官网和企业大脑的主视觉,同时也可以应用于开发分发应用功能】。
确定好关键词后,龙龙做出了以下视觉稿(动态稿,但是这里只能静态呈现咯)
03
Saas产品视觉产品复盘
这个项目有别于PaaS产品,虽然都是爱番番的品牌,但是这个项目需要突出的视觉重点略有不同。需求是要设计一个能应用于【爱番番应用市场平台的主视觉,突出简单、高效;给客户传递亲和力,体现产品商业特征】。
确定好关键词后,龙龙做出了以下视觉稿及相关延展。
可以看到虽然是同一品牌,但是PaaS和SaaS的侧重点不同,PaaS要突出品牌,而SaaS要体现功能性。其实在分享中,龙龙介绍了爱番番PaaS端的第一稿是没有通过的,也是视觉非常棒的设计,这里为了避免混淆视听,就没展示出来,感兴趣的小伙伴,可以在文章地步扫码听取分享的完整版。
04
爱番番官网改版复盘
首先也是需要竞品分析,龙龙主要从产品结构、产品功能、交互及视觉等几个方向对市面同类竞品进行分析。
3D风格的尝试非常成功,但是在软件层有存在一定的风险,为了避免设计风险,龙龙决定采用跟3D类似的2.5D风格,从而提高整个团队的效率。
太多的红色会给人紧迫感,而爱番番想给客户传递的是严谨的产品特征,这里引入的冷色正好可以中和暖色带来的这种不稳定感。此外,百度的品牌色为蓝色,爱番番作为百度旗下产品,用蓝色也更能突显产品间关联性。
确定好风格后龙龙做的几版官网的主banner,但这三稿都没有过,原因如下图所示。
分享里最令观众和我吃惊的是,大家看到的所有设计,无论静态还是动态,都是龙龙一人使用PS完成的,大家都惊叹:跟大神其实差的是一个PS?。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。