01
项目背景
1.1 项目概况
厚予平台作为财富管理行业垂直细分SaaS产品设计，在金融/系统工具、课程培训、金融服务、品牌建设、智能营销等多核多能多业务系统性的整合，对外提供服务的财富管理一站式数字化解决方案。
1.2 产品形态
厚予平台提供一整套完整解决方案，解决了理财师和用户两种角色的不同核心需求，三大终端，满足多种应用场景，客户端多功能组件样式可组合、丰富的主题模板、个性化定制界面，基于标准的业务规范、运营规则、用户体验以及设计规范，针对不同用户需求快速搭建交付使用，企业无产研成本。
1.3 商业价值
1) 降本增效：无产研投入后台配置APP布局及展示样式 ，灵活拖拉配置，无需IT团队建设；
2) 财富行业规范：基于财富管理行业规范发布组件；
3) 用户体验：一键换肤，功能布局千人千面，个性化定制界面，让品牌直击人心。O2O 工具闭环缩短用户沟通成本；
4) 行业场景个性化定制：一套工具满足不同行业属性个性化配置(千人千面)。
02
元UI平台_B端系统构思
建立系统性的设计思维，元UI元平台是由多业务、多终端、多角色构建，设计系统要解决全平台体验一致性的问题，且兼具各产品个性化，及组件实现“数智化”。
2.1 平台模式
1) 多业务：行业越来越进入生态圈业务模式，给客户的不再只是单点的服务。致力于财富管理行业SAAS平台建设，多核多能综合化的一站式平台系统；
2) 多终端：财富管理一站式数字化解决方案，搭建了不同角色使用的不同终端工具。设计要考虑全平台的一致性及组件的管理效能；
3) 多角色：考虑不同的用户场景，产品有很多的使用角色有四个大类：购买决策者、主要使用者、次要使用者、间接使用者。TOB的决策者往往不是使用者，但在购买过程中最重要的环节，决策流程一般会比较长，做设计时要考虑不同角色视角下最优设计方案。
2.2 设计系统
搭建完善设计体系，建立系统性设计思维，确定设计目标、设计语言，形成规范，沉淀设计资产。
2.2.1 建立系统性的设计思维
逐步形成视觉工程化的知识体系，从单一到多维度思考的意识转变，从功能性模式及感知性模式的两个方面去系统化思考。功能性模式多模块功能交互封装、设计与开发一致性，感知性模式产品界面的风格（栅格布局、颜色/字体、图标）、多终端产品的统一性（品牌、组件共用）、控制不同主题变化。
2.2.2 设计原则
为一款工具类SaaS系统做设计（0-1阶段），尽可能的把设计原则按照不同角色视角的方式去划分，来综合考虑业务诉求、产品诉求、设计诉求和最重要的用户诉求，他们分别承载着不同角色的不同期望。
要精准的概括和整理这些内容的权重和占比，再然后基于当下的情况产出相应的原则：清晰、高效、灵活、美观，形成整套设计系统的指导原则，帮助整个团队建立统一认知：
2.3 组件“数智化”
模块组件从衍生到组织具有动态构建、多元组织、稳定安全、开放拓展等“数智化”特点。基于业务规范、运营规则、风控监测所设计出的多功能多样式模块组件可动态组合，并结合丰富的主题模板，完成个性化定制界面，针对不同用户需求快速搭建交付使用。
2.3.1 构建组件&设计预判
组件分类上大体分业务组件和基础组件，在组件构建拆解 包括本身属性（类型、样式构成）、交互行为（状态/交互）、空间关系（布局/大小/适配）等等，还有进行设计预判去规避可能出现的问题。
03
竞品调研
根据竞品分析的思路,对直接竞品和间接竞品的体验环境(通过场景体验产品相互间的情感化、友好度、微交互、信息布局、容错机制等)、市场状况(包括市场容量、竞争格局、市场占有率等的对比)、需求分析(把自身先打造成为产品的用户)商业/业务模式(产品中的商业方向和业务模式的对比)进行了解可以有效帮助确定设计方向和设计规范，规避常规的问题。
3.1.2 销售模式的转变1) 销售拓客角度：潜在客户盈利能力分析判断、客户需求动态开发、客户评估等基础环节。产品业务经理配合具体产品设计，购买前的试用/提案，强调客户服务的及时性+专业性；2) 客户维护角度：长周期的客户资源关系维护，后续客户跟踪服务，回访调查、客户数据管理分析，助力客户业务增长；3) 盈利模式：软件购买费用，软件维护费用：B端为了让客户买单，需要为不同行业中的生产关系做个性化的定制。一般企业在购买该款B端产品后养成了用户习惯，不会轻易更换产品，这就会产生B端行业的第二笔费用——维护费。
3.1.3 产品痛点1) 安全稳定性：最基本的安全稳定，和对企业的信任感，是成交的前提；2) 成本与业务价值：企业购买行为是一个更加侧重理性的决策过程，最终目的都是为了——开源节流（省钱和赚更多的钱），一系列工具解决业务需求；3) 产品易学性:购买前的一个试用测试，如果学习成本特别高，就会直接劝退了。
04
用户分析&视觉规划
4.1 风格&色调策略：分析平台产品各终端的用户特点，设定风格&色调策略：机构后台WEB：简洁易用、智能高效理财师APP：尊贵品质、智慧稳重用户APP：专业贴心、科技未来
4.2 情绪板：根据风格关键词发散，有效帮助提取设计元素、质感，完成视觉方案的落地的有效参考。
4.3 色彩方案：颜色作为感知度最强的一部分，主色确定为蓝、金，蓝色被视为信赖、专业可靠的象征，是天空的基本色，给人专业、自然之感。与此同时，蓝色也是数字科技的色彩主旋律，是大众对科技的色彩认知，这也非常符合B端的行业属性。金色的加入，突显品牌的金融高端，蓝与金双色搭配组合成了产品专业高端的独特个性表达。辅色彩色渐变可兼容更多的主题色，产品可以为更多的行业和领域赋能，探索视觉上与各品牌适配的无限可能，带来更多个性新体验。
4.4 质感设定：透明材质、磨砂金属、光泽材质、漫射材质，现实感与未来感的融合，信息在各类的介质空间中高效地畅行，希望这些视觉载体传达出科技金融高效专业品牌主张。
05
设计方案呈现
5.1 理财师APP_设计方案体现专业贴心、科技未来：理财师色调根据用户属性定为相对用户端的较浅色系，色调光线反向打光模拟未来科技感。质感方面使用玻璃磨砂质感的金刚区图标，几何图形底部主TAB图标。跟随主题变换底色叠加磨砂玻璃质感。彩色渐变背景，大面积衬科技感效果且兼容各主题色调。
理财师端APP_多主题色彩模板可选，完成个性化定制界面契合企业品牌，后台调整与前台APP呈现框架同步更新，双主色均符合高贵科技的调性定位。
5.2 用户APP_设计方案体现尊贵品质、智慧稳重：根据用户属性定为深色系，色调从浅到深，正向打光模拟现实，强调质感。品质感精致的图标设计体现国际化专业化。
多主题色彩模板可选，完成个性化定制界面契合企业品牌，后台调整与前台APP呈现框架同步更新。多主题色调都遵循品质感稳定感的调性，符合用户定位。
5.3 WEB管理后台：后台调整与前台APP呈现框架同步更新，多主题色彩模板可选，完成个性化定制界面契合企业品牌。
5.3 设计规范与组件库：形成视觉工程化组件库，多功能多样式模块组件可动态组合，并结合丰富的主题模板，完成个性化定制界面。
5.4 动效设计Lottie：低开发成本、体验好、兼容性的特点。
5.5 应用市场图:欢迎下载使用评论点赞~
06
未来展望
6.1 未来赋能：
1) 营销工具赋能：营销工具/运营活动模板，多种营销玩法，助力商家提升成交；2) 数据分析赋能：数据驱动，精细化运营；3) 设计工具赋能：后台运营设计部分（BANNER/活动落地页/海报等）接入API为客户设计赋能。
6.2 未来设计规划：
1) B端C化：越来越注意产品体验，达到更好的用户体验；2) 体验度量：探索体验度量，设计输出可量化可验证的设计，通过方法论，包括调研结果做前期的延展，上线后通过一些数据、用户反馈做一些后期的验证或待优化；3) 后台编辑实时预览：拖拽式编辑组件详情页并实时预览。
07
总结
作为财富管理行业垂直细分SaaS产品的设计而言，面对不断变化的市场和环境，不仅需要掌握基本的设计方法，也要熟悉业务，深入挖掘并分析业务的痛点，洞察设计创新点，通过数据分析等各种手段在产业内做深耕，实现助力业务发展。
感谢@冰姐设计指导；@风影_旗舰店项目主视觉设定&前期设计分推导&后期复盘分析；组件&WEB后台设计@晓丹；组件库@娇娇；界面设计@风影@娇娇@晓丹@鄢锋@贵搏；以及@立伟辅助UI走查；一起协作完成项目，我们团队小伙伴最棒~
