设计中合理的优化迭代对企业和个人都有一定的作用，但面对复杂的实际业务，设计师如何做好洞察问题并提出系统性的解决方案呢？ 在这篇文章中，笔者结合房地产业务的设计思路，分享一些SaaS业务的设计，一起来看看吧。

SaaS业务设计本质上属于B端产品设计，但房地产业务的独特性也带来了设计差异。

笔者将与大家分享我对房地产业务设计的思考。 一方面希望能在一定程度上帮助大家了解面向大型B端地产客户的SaaS业务。 维度带给你全新的视角。

一、房地产业务介绍

房地产消费市场有两个重要角色，一个是供给端的“房地产”，一个是需求端的“消费者”。

供应方拿地后，通常需要设计、造价、营销等多个角色的介入，根据一定的装修标准完成建筑设计、户型设计，并出具室内精装设计方案。

精装方案的产出之一，“室内效果图”将作为新房营销材料，结合其他卖点，由市场部用于新房营销和宣传，吸引消费者购买。 交房前半年至一年期间，物业（地产子公司或合作物业）与装修公司合作，为业主提供部分硬装、软装采购等定制服务，定制装修内容随精装房一起发货。

图1 房地产供给与消费环节

地产业务贯穿【精装设计】【新房营销】【置业美居】三个环节，集成本、招聘、设计、营销、造价等多重角色于一体。 房地产业务本身涉及的角色很多，环节也相当复杂。 以上内容只是对当前房地产业务的简单总结，帮助大家对业务形成一个基本的认识。

2.引入迭代思路

当业务从零开始时，往往不会直接进行产品开发，而是基于解决方案的第一个版本来验证市场，赢得标杆客户。 基于标杆客户的背书，将解决方案卖给更多的客户。

触达签约客户数量增加后，业务方可以收集更多的反馈，对行业有更深入的了解。 这时候可以细化通用的业务需求，积累标准化的产品和能力。 并不断改进和打磨产品，最终销售给更多的客户。

图2 业务迭代思路

对于创新型企业，创造满足客户和发展市场的解决方案是重中之重。 就设计而言，解决方案的销售和标准化产品的打造是设计赋能创新业务的核心切入点。 因此，通过设计端的系统思考和规划，推动了房企视觉升级、标准库建设等设计实践内容，助力房企业务发展。

三、洞察问题——推动房企视觉升级 一、背景

在设计方面，通过问卷调查、访谈、设计感悟等方式梳理现阶段房地产业务存在的问题，主要集中在五个方面。

加之房企业务的快速发展，初步形成了房企环节下较为成熟完善的产品体系。 对外营销的需求越来越强烈。 迫切需要对房地产企业业务进行统一的视觉升级，帮助企业明确自身定位，树立品牌形象，提升对外营销和推广能力。

图3 项目背景

2. 目标与设计规划

经过设计调研、业务方反馈和内部设计讨论（ux&ui& co-），明确了目前的三大核心目标：

探索视觉风格：形成符合楼盘特点的视觉风格，指导后续的一系列品牌设计。 品牌形象与认知：明确楼盘定位，树立高端品牌形象，从视觉表现角度获得客户认可。 客户触达与转化：加强营销渠道和宣传推广能力，帮助商家触达客户，促进商机转化。

在具体策划层面，选择【产品端】和【营销推广端】作为核心切入方向，不同角色的设计师共同制定详细的设计任务，推动业务端共同完成。

图 4 目标和计划

3.可视化升级内容输出

1）帮助商家明确自己的定位

通过问卷调查对20+地产运营、销售、售前、产品、解决方案等角色进行调研，联系关键角色进行头脑风暴，明确地产业务的名称、定位、关键词，并进行跟进销售与运营 统一用于推广环节，为地产视觉升级项目的开展提供方向指引。

图 5 帮助企业定义自己的定位

2）探索视觉风格，提供主题定制能力

地产业务由于自身的行业属性，使得流行的B端产品设计风格很难打动客户的心。 有必要进一步考察房地产行业的特点，归纳出属于房地产的视觉风格。 经过设计调研和签约过程中客户的进一步反馈，房企需要在设计层面尽可能体现“高端大气”和“科技感”的特点。 高大上的设计风格，不仅会增加对消费者的吸引力，也是楼盘硬实力的表现。

图 6 探索视觉风格特征

在界面的视觉表现上，客户也明确表示不能太枯燥，要贴近房地产行业的要求。 通过对20+个房地产门户网站和房地产内部系统的调研分析发现，房地产内部系统大多通过改变背景透明度和背景渐变色来体现房地产的视觉风格。 如果采用类似的方法，一方面会因为修改元器件而带来极高的技术成本； 另一方面，这种设计的定制性太强，无法形成通用的产品能力。

经过设计、技术、业务等多方沟通，最终决定以【多风格+多主题】的形式实现“科技感”的视觉表达，相应的demo稿为生产供客户确认，顺利通过。

在销售解决方案时，往往需要进行售中和售前的POC演示。 这时可以提前设定标准色（涵盖各大楼盘品牌色）和标准款式，让客户在不知不觉中感知到系统是为自己量身定做的，加深客户印象。

设计师也可以根据确定的品牌色，整理色值，将对应的颜色变量名填入后台管理系统，无需发布版本即可在线同步更新。 自动化配置的能力更好地满足了产品需要嵌入客户内部系统的使用场景。

图7 以上截图为流程草稿，仅供说明

3) 输出房企素材，统一视觉风格，赋能谈判营销推广

明确视觉风格，输出房地产素材。 包括各种物料推广的精装系统logo输出； 推动业务方提供最新的解决方案，完成标准化的宣传册、手提袋、宣传视频的设计，并在多次线下活动中重复使用； 提供地产远景风格PPT模板，根据需求分析、功能比较、价值传达等内容分类输出相应的PPT模板页面，供业务方快速复用楼宇自控售前技术规范最新版，提高PPT制作效率。 以下为部分物料展示：

图8 房地产企业VI系统-logo设计方案

图9 房地产企业VI系统-宣传册

图10 房地产企业VI系统-宣传册&包装袋实体

4）网络营销渠道入口及内容优化

酷家乐主站的房企入口比较深，导致商家曝光率低，点击率极低。 了解问题后，设计师协同市场同学完成前期入口动作，在一级解决方案的浮层面板中展示房地产精装和美居解决方案，从内容到表现重构解决方案界面层面上，优化后的PV数据也有了很大的提升。

图11 主站入口调整及解决方案着陆页重构

除了以上内容，设计方还对核心链接页面进行了统一的视觉升级和优化，将商家的视觉特征从品牌层面传达到具体的界面表现层面，保证统一性用户心目中的。

4. 系统思考——全面的设计支持策略

在日常工作中，设计不仅仅被动地承担“需求设计”的角色，还需要对业务从销售谈判到交付执行的整个环节进行系统分析。 上述视觉升级项目中营销素材的制作和营销渠道的优化，可以帮助商家增加曝光率，获得更多的商机和线索。 商机进入后，设计方能找到哪些优势支撑业务？ 让我们来看看。

商机——合同签订——交付和执行是从谈判订单到交付客户的必经阶段。 每个阶段的设计都可以找到不同的切入点来支持和赋能业务。

图 12 设计支持策略

Step1：商机阶段

通常需要通过多次演示来证明解决方案的价值。 当业务处于0-1阶段，成熟产品尚未形成，解决方案PPT或产品原型成为业务与客户洽谈时的核心把柄。 设计师需要主动接近客户，为商家排忧解难，制作汇报所需的各种素材，方便商务洽谈，包括但不限于“全链接演示页”、“交互原型”、“核心场景GIF图” " "Demo环境" "其他需要的图片等"

图13 核心场景演示gif动图

商机阶段的核心目标是帮助客户端的业务报告，需要在报告过程中即时响应各种需求。

比如在与金茂客户洽谈订单的过程中，客户需要的是精装美居的全链路解决方案，即两个平台的整合，希望平台的接口更加一致具有金茂自己的风格。

当时和还是两个独立的平台，还没有加入自定义主题的能力。 设计了解具体需求后，提出方案，在精装平台增加产权美居入口，并与商业方对接。 精装和美居两条业务线的开发在精装demo环境完成，协同技术通过组件自带的theme能力临时调整当前界面的展示效果以满足客户的期望，并最终顺利通过论证。

图14 Power业务端演示

Step2：签约阶段

签约成功后，特别是对公司具有战略意义的项目，客户将在内部或外部召开新闻发布会，展示项目成果，树立行业影响力。

这个阶段通常由创意视觉和UI设计师主导，需要配合市场同学制作客户召开发布会所需的各种素材。 通常为客户定制的素材，包括但不限于主视觉图、发布会PPT、发布会视频所需的宣传图、预热海报、请柬、手提袋、签名墙等（相关客户暂不展示）

Step3：交付实施阶段

客户签订合同后，将设置关键的里程碑节点，相应的节点需要产生相应的可交付成果。 产品、设计、研发、测试、实施等人员需要通力合作，确保相应节点的上报和论证顺利通过。

1）设计过程

先看设计过程，进入交付实施阶段，即进入正式的产研过程。

相比日常的产品迭代过程，交付项目的产研过程中必须增加【客户确认】环节。 在这个环节中，设计师起到了推动整个项目的核心作用。 设计师需要将产品需求方案转化为落地研发的设计稿，还需要整理出可用于产品核心环节的演示demo，供客户最终确认。

这时，客户会对设计稿的界面布局、主题颜色、信息传递等提出自己的建议。 设计师收到建议后，需要对设计稿进行优化，并进行二次报告。 确认客户满意后，方可进入下一个环节。

加入客户确认环节后，与之前的标准产品迭代相比，迭代节奏难免会受到影响。 此时，项目经理、产品经理等关键角色需要管理客户侧的期望和内部敏捷迭代节奏管理，确保产品资源在有效时间内得到最大化。

图15 产研流程增加客户确认环节

2）标准产品创建

在打造标杆项目并跟进签约过程中的多个客户后，我们对房地产行业的了解越来越深，对客户需求的了解也越来越充分。 现在是构建标准化产品以满足大多数客户需求的时候了。 同时，随着业务的扩大，设计研发人员的数量也在不断增加，设计内部、设计与研发之间的协同过程也存在问题。 可以概括为以下两个方面：

为了解决以上问题，UX UI协同整理房企设计体系，共同开发建设房企业务组件，旨在：

图 16 问题及解决方案

① 系统配置

整个设计体系包括设计原则制定、图标规范、颜色规范、设计规范、工艺规范等，期望提供完善的设计指导，减少从需求-设计-开发-验收各个环节可能出现的问题。 具体内容请看下图。

图 17 设计系统组成

下面简要介绍设计原则和设计规范（模式）的制定。

② 设计原则的制定

一种。 循证

B端产品虽然有通用的设计原则，但具体的业务原则、业务定位、目标、行业属性、客户需求、目标用户的行为习惯等都会影响设计原则的制定。 因此，需要对业务进行分析，对用户进行研究，得出指导原则。

以房地产公司为例，涉及多个终端、多个角色、多个功能模块，用户操作环节相对复杂； 除了与客户沟通，更清晰地感知用户的目标和行为。 因此，梳理出房地产业务的设计原则，并应用到日常设计中。

b. 避免歧义和可行

设计原则的定义必须清晰无歧义，并在团队内部达成一致，以确保设计人员看到原则并知道如何设计产品，并能协助具体案例进行说明。 比如房地产公司设计原则中的“直觉性”原则，就是在向委托人汇报设计稿时，从委托人明确的反馈意见中提出的建议。

“直观”的解释是：丰富的图文，增强可读性； 降低页面的信息密度； 不要过度追求效率，导致用户在任务过程中一头雾水。 它不仅影响界面布局，还影响工艺层次，设计师在设计时需要充分考虑这两方面。

图18 房地产公司的设计原则

③ 设计规范（图案）

设计模式指的是可以解决同类型设计问题的通用解决方案，例如“搜索模式”、“批量选择”等。如果对设计模式的解读感兴趣，可以查看《》中的相关文章.

一种。 基于业务分析的输出模型/组件

设计师在将需求转化为设计稿时，离不开业务本身的分析，所以我们会发现设计师在不同的业务场景下采用了相同的设计方案。

例如，房地产企业业务的用户通常更关注“项目、期数、楼宇、户型面积”等字段。 关注的领域存在差异。 因此，在设计卡片组件时，将组件上字段的数量和名称定义为灵活可配置的。 在不同的场景下，只需要展示不同的字段即可实现组件的通用应用。

b. 设计模式/组件不是一成不变的

值得注意的是，设计模式不是一成不变的，会随着产品迭代不断更新。 设计系统需要包含一种构建和使用模式/组件的机制，以确保模式/组件可以不断迭代和维护。

图 19 定义/输出架构和组件

五、总结

面向大B客户的SaaS业务，通常需要从标杆项目切入市场，逐步在行业内建立品牌影响力，进而渗透更多的大客户。 要时刻保持标准化思维，拓展标准化产品能力，逐步赋能全行业。

1. 走近客户，总结业务特点，转化为设计

设计师需要抓住一切机会接近客户，深入了解行业和业务。 基于对业务和用户的分析，为设计方案的输出提供强有力的支持。

对于SaaS业务，决策者在大客户中的话语权是决定是否付费的关键。 设计时要充分考虑决策者的建议，结合产品的总体能力。 比如，决策者都觉得系统应该符合自己的品牌调性，然后不同企业的品牌调性就有差异。 这时候是否可以考虑通用的品牌定制能力来解决客户的定制需求。

2.洞察问题，系统解决问题

具备系统地看待问题和解决问题的能力。 如果你只是点对点地解决问题，你会发现一个问题解决了之后，其他的问题又接二连三的出现了。

因此，有必要学会定义本质问题并系统地解决它们。 例如，系统梳理问题，构建设计体系，综合解决日常设计中出现的各种问题，与研发人员协作，使设计有据可依，同时提高产研效率; 系统化整体房企视觉升级，助力企业签约，同时打造品牌影响力。

在0-1创新业务中，系统性地看到问题和解决问题的能力帮助设计师充分发挥自身价值，实现业务发展和个人提升的双向促进。