Back

Project Name

云汇聚

Project Name

云汇聚

建立视觉风格

团队内进行Mood Board共创工作坊（使用FigJam协作）
- 收集来自Behance/Dribbble的PC端后端管理类项目（仅参考视觉风格）。由于后端管理系统功能复杂，使用2个accent color增加功能重要性分级能力；使用两个accent color构建不同灰阶的浅色gradient，用来给功能分组，减少显示杂乱
- 主颜色选自会场常见的座椅/布幕的深红色
- 对于本产品首页/会议官网首页等装饰性较强的部分，使用serif字体+强黑白对比的风格，营造严肃专业的氛围

搭建Design System（设计系统）

原因：由于PC应用的需要、为保证多个设计师之间的风格一致性、减少开发成本以及本管理系统有较多的输入信息组件可复用

包括：Style guide | Component Library | Pattern Library

参考了多个流行的设计系统，最终主要参考material design（M2），利用Z轴层次（阴影）和背景颜色自然给组件分组，最大程度减少分割线的运用，减少显示杂乱
主要侧重于Front-End Style-Guide（简单的Style guide、Component Library和Pattern Library），内容写作规范参考spectrum
Style guide见mood board。主要侧重于后端管理系统、2个accent color的使用、如何使用灰阶和阴影给功能分组等。产品首页主要为给客户留下强烈印象，可与后端管理系统风格有区别，独立进行设计
组件走查会（我主导）与前端合作，保证component的设计图与code一致（包含各种variant）
Component Library以及部分Pattern Library的Figma community链接

UX设计

除了较为简单的后端管理系统UX之外，我主要负责参会人购票时的User flow，目标是在各种情况下最大程度上减少参会人购票时的操作，且容错性强

设计方法：

竞品分析：
- 包含9个竞品（鲸会务，Bizzabo，魔瓦，会腾软件，准到，31会议助手，活动行，Rsvpify，Aventri，Glue Up）
- 由于中国互联网使用的一些特殊习惯（微信扫码等），对于门票的生命周期以及参会人购票的User flow，主要对鲸会务和会腾软件两个国产软件进行分析
Field Study（主要用于研究参会人购票的User Flow）：
- 与多名同事参展高交会，实际研究线上线下票务流程与痛点
Flowchart
- 使用FigJam绘制全流程，对用户离开表单后返回时，保留已填写数据；支持中断报名、后续恢复流程，增强完成率；免费票的情况下等做最大程度优化

卡片分类法（Card Sorting）（确立后端管理系统的信息架构）：
- 利用竞品分析、合作伙伴访谈以及功能矩阵图确定要开发的功能
- 由于用户均已使用过竞品，故分类名来源于竞品。邀请5位合作伙伴进行分组，确立后端管理系统的信息架构

会议官方网站设计

尽量使用主办方提供的会场照片、视频、VI等，突出会议和品牌本身的风格和内容
与之前云汇聚管理平台有不同之处，复用了一部分设计元素，但是去掉accent color，不影响会议本身的视觉风格
有多种不同风格的模板

反思：

自建design system成本很高，以日期时间选择为例，自定义到满意的程度耗时太多，最终导致此组件风格与整体不符。未来可在开源系统（如Ant Design）基础上扩展，节省人力成本
中小型会议数字化可能只是疫情中一时的风潮

结果：

成功承接：2021｜潮人前沿智讯交流会/第五届潮汛会；深港澳基地 & 中行金融服务宣讲会；第五届光明区创新创业大赛项目交流会等

Back

Next

© 2025 Malcolm Li. Designed & developed entirely by Malcolm Li.

Project Background

云会聚SaaS系统服务提供了B端企业会务一站式解決方案。可便捷搭建活动/会议专属PC与移动端官网。

涵盖会前、会中、会后三阶段。有宣传微站、线上展览、票务管理、直播互动等功能

Role

Design System搭建 | UX设计

Tools

Figma | FigJam | 飞书文档

Processes

竞品分析 | Mood Board | Field Study | 卡片分类 | Flowchart