一个公司的官网可以说是一家公司的门面。在用户对公司以及产品没有任何了解时，官网是向用户传达信息的重要途径。在某种程度上来说，官网影响着用户对这家公司及其产品的认知和信任。

官网

如果一个公司的官网结构不清晰、图面陈旧、布局杂乱、配色俗气，那么用户很容易就会怀疑这家公司的正规性、专业性和实力。

下面是一条微博吐槽，质疑某奢侈品品牌官网与其自身品牌形象不符。

品牌尚且知名度高，用户只是调侃一下，官网不影响用户对该品牌产品的购买和消费。如果是一个用户完全不了解的品牌，官网让用户觉得很“粗制滥造”，那么用户一定会下意识地认为这个公司和品牌是某种“杂牌子”或“三无产品”。

下面那个网站被戏称为“世界上最差的网站”。如果真有这样的网站，那么用户一定会崩溃的，点进去的那一秒会以为自己进入了某个病毒网站。

https://www.theworldsworstwebsiteever.com/

相反，官网如果结构清晰、内容精简准确、配色合适、布局合理，这个公司首先给用户的第一印象就是“公司的官网还不错”、“设计水平还行”。

第一印象是好印象，用户对公司和产品才有进一步了解的兴趣。尤其是以“美”为生意的品牌，例如彩妆、服装、饰品、家居等，如果这些公司的官网没有向用户展现“美”，没有俘获用户的芳心，那么用户基本上也不会有购买欲望。

下面是一个饰品的官网首页。首页整体清新淡雅，背景图以白色为主，重点是要突出展示的饰品。饰品的展示也很简单，有纯粹的饰品展示，也有各种佩戴的场景。

整体来看，页面内容和元素不多，但是清晰明了地展示了产品。美中不足的是，中间几张佩戴饰品的图略显粗糙，不够精美。

某饰品网站

长租公寓官网设计

“优秀的官网各有各的优秀，差劲的官网都差得一致”。官网的表层设计其实都差不多，不同的是官网展示的内容。接下来以长租公寓为例，从产品经理的角度来分析如何设计出一个优秀的官网。

1. 网站定位

官网的定位，当然是让介绍公司信息、展示公司产品，让用户了解公司和产品，对公司和产品产生兴趣，进而产生购买消费行为。所以长租公寓官网的定位，当然要展示公司的品牌、房源、服务等用户关心的信息，让用户信赖品牌、在官网上找到合适的房源，进而成为自己的租户。

从目标用户的角度来分析，长租公寓的目标用户主要是即将踏入社会的毕业生和工作收入尚可的年轻职员。这类用户对生活品质有要求，理所应当的，也有一定的审美品位。

所以不管是官网的设计风格还是展示内容，都要以目标用户为中心进行规划。最终目的，是要让用户信任这家公司，成为意向用户或者立即转化为租户。最好的效果是让用户在浏览官网时就能体会到“宾至如归”的感觉。

2. 设计风格

由于长租公寓的目标用户都是年轻人，且愿意选择长租公寓的人都是对生活质量有要求的人。

而且长租公寓是给人提供住的地方，需要让用户感到温馨、安静。所以在进行网站设计时，除了常规的设计，还需要加入“情感化”元素，简而言之就是是活泼不严肃、简洁不杂乱、温暖不冰冷，要让用户在获取信息的同时，还能感受到所传递的情感关怀。

例如自如的官网恰好是橙色，再配上简洁干净的家居图，很容易传递“温暖的家”的感觉。

自如官网

此外，由于长租公寓分为分散式公寓和集中式公寓，对应的用户也略有区别。

集中式公寓的用户收入更高，追求更高的生活质量和要求更好的服务。所以如果是集中式公寓的网站，更需要展示商务、简洁、高端的一面。以朗诗寓的官网为例，主图色调以黑、灰为主，从感觉上更偏严肃一些。

朗诗寓官网

3. 内容

关于长租公寓网站需要展示的内容，这需要梳理用户在网站中的想法和轨迹。毫无疑问，用户来网站是来找房源的。

找到中意房源后，还要看一下公司提供的服务，例如保洁、管家服务，考量一下这些是否能真正提高自己的生活质量；接下来就可以看看公司对用户的运营活动，看看这家公司对于租户是否用心；最后再看看公司的品牌介绍，简单地看一下公司的发展和历程，估计一下公司的实力。

（1）首页

如果说官网是公司的“门面”，那么首页就是官网的“门面”。用户一打开官网，首先映入眼帘的就是官网的首页。首页就像一道门槛，如果用户认可首页，则还会看看其他模块；相反如果首页“出师不利”，那么用户整个官网浏览之旅就会止步于首页。

首页应该重点展示公司的愿景、产品的定位和实力，同时整体介绍公司的业务，让用户对公司有顶层的了解和感受。首页应该是整个官网各个菜单功能的概述，并能够进行便捷跳转，进入对应的详细信息介绍页面。

长租公寓的首页，首要展示的是公司的slogan和房源的快捷搜索。接下来就是展示重点房源和主要租房服务。最后会展示一些租房生活及公司介绍。

自如的官网首页：http://sh.ziroom.com/。

（2）房源

官网中，需要展示房源模块，用户可以搜索和浏览房源，对房源进行预约看房等操作。房源的展示有列表展示和九宫格式展示。

蛋壳公寓列表式展示

自如九宫格式展示

房源图片尽量展示构图良好、画质清晰的房源照片，房源信息尽量详细、全面，让用户相信这套房源是安全舒适的真房源。

当然也可以根据现实情况展示更多信息，例如经过“甲醛事件”后，自如的房源后就展示该房源空置天数和空气质量检测结果。这些信息可能并不会让用户彻底安心，但至少向用户展现出自己的诚意。

（3）服务

随着业务的不断拓宽，长租公寓的配套服务也越来越成熟，这也成了吸引用户的一个重要因素。所以官网上需要展示所提供的配套服务。常规的服务一般是管家服务、搬家、保洁等，但是有些集中式公寓会提供宠物照顾、私人教练等服务。

租房服务的展示要传递出热情、专业的形象。毕竟有些服务是要让用户掏钱的，应该让用户感觉“这个不错，感觉服务态度挺好的，挺接地气的”。

如果只是冷冰冰的文字描述，用户对于服务没有感知，甚至觉得“高冷”，那么很难有消费的欲望。就算是集中式公寓的服务，也尽量要传达出“专业”、“优质”的特点，而不要让用户觉得“高冷”。

常规服务

（4）运营活动展示

运营活动主要有两类：公司运营活动、租客生活。如果恰逢运营活动，那么官网需要展示活动页。例如自如的“海燕计划”，蛋壳公寓的“椋鸟计划”等活动，在毕业季的时候，是要优先进行展示的。

第二种就是租客活动的展示。随着长租公寓运营商开始注重“社区运营”，开展各类活动丰富年轻租户的业余生活。在展示时，以美图为主，辅以简单的说明文字即可。主要是向用户展示美好生活，增强对用户的吸引力。

自如生活

朗诗寓“诗友社区”

（4）周边 / 配套

由于集中式公寓多为一栋栋的物业，所以多数集中式公寓会有更多的配置。例如健身房、私人影院、共享工作区、娱乐室等。这些信息也需要在官网展示出来。

对于集中式公寓来说，周边配套和地理位置也可以是一个重要的宣传点。所以周边配套和交通枢纽的展示也有必要。

当然大部分集中式公寓都不是只有一栋物业，所以很多官网选择在每套房源的详情页展示周边配套和交通枢纽。下图是朗诗寓在某个集中式公寓的配套、房型、交通的展示。

（5）关于公司

最后是公司的介绍。一般来说，会介绍一下公司的发展历程、融资进程、合作伙伴、发展大事记、市场版图等等。如果公司的合伙人有实力或者有名气，也会展示公司的管理团队。

下图是朗诗寓的公司介绍，介绍了朗诗寓的基本情况，还介绍了母公司朗诗集团的信息。此外，还用时间轴展示朗诗寓的大事记，用地图展示了市场版图。最后展示公司最近的重大新闻，让用户对公司有更多的了解和认识。

总结

官网的设计并不是设计师一个人完成的。大部分时候也需要产品经理出原型，定好布局、内容、文案、交互等，再由设计师设计页面。

官网的设计，不仅考验两者的审美水平，也考验着产品经理对目标用户、公司品牌、业务的熟悉程度。只有真正了解公司品牌和业务，了解公司的目标用户，才能准确地将公司“推销”出去。

#专栏作家#

异彩，微信公众号：一只蜗牛慢慢跑，人人都是产品经理专栏作家。从事房产管理系统的产品工作，关注To C产品的交互设计、运营、结构设计和商业模式。在成为一名优秀的产品人的路上努力前行。

本文原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自Unsplash，基于 CC0 协议。