JCB从零开始构建设计系统 回顾设计团队成立之初的幕后故事

从没有统一设计资源的状态开始构建设计系统
回溯到2020年春天。关于JCB的设计,这是一个重要的转折点。为了更快速地推进业务,JCB构建了一个云原生的开发平台——JCB Digital Enablement Platform(以下简称JDEP)。JDEP大致可分为两个部分:用于开发各个应用程序的“应用团队”,以及为这些应用程序提供支持的“共通团队”。

最初成立时,团队结构最为简化,随着时间推移,规模逐渐扩大。在设计领域,如UIUX,为了支持跨多个应用程序,2022年7月成立了作为共通团队之一的“设计团队”。负责这项任务并加入公司的设计经理是入尾野由子女士。设计团队主要活动在以下两个领域:“应用开发”和“DesignOps”。“在‘应用开发’中,员工设计师作为应用团队的一员参与,推进敏捷开发中的UIUX设计。

各团队由产品负责人(以下简称PO)、工程师和设计师组成。尽管也有外部合作伙伴作为设计师加入,当内部设计师参与时,他们会与PO和工程师直接对话,共同进行产品开发。”(入尾野)
第二个领域“DesignOps”的其中一个主要支柱便是“设计系统”。在设计团队成立之前,JCB各应用团队各自邀请独立的设计制作公司作为合作伙伴,制作包括前端界面的UI设计等。没有标准化的设计流程,也没有共通的设计资源。

因此,像日历UI中选择显示英语还是日语这样的细节规格,最终都需要PO来决策,负担很重。“如果有标准化可用的设计资产,这些细节的规格就会自然确定下来,这样PO就可以把时间投入到‘为客户提供价值’等他们应当关注的议题上。这就是我们着手构建设计系统的起点。”(入尾野)
然而,当2022年7月成立设计团队时,员工设计师还不存在。于是首先开始了设计流程的标准化和设计师的招聘。

这样加入团队的有产品设计师金秀珍和关豪志。他们作为应用团队中的一名设计师,与PO沟通,进行产品开发所需的人物角色设计、场景设定和UI设计等工作。选择的关键是“理念一致”和“具体形象的形成”虽然启动了设计系统构建,但在推进过程中,向有经验的合作公司咨询也不少见。JCB也不例外。JCB请求支持的是一家提供DX和内部开发支持的公司——ゆめみ。

入尾野在考虑设计系统构建的时机,ゆめみ推出了“设计系统构建·内制化服务”。这是一项在公司丰富经验的基础上,通过系统化流程伴随客户构建设计系统的服务。通过同事的介绍和直接的LP询问,最终决定请求帮助。考虑了多方面后,选择的关键是什么。“在设计系统项目开始前,设计团队成立时首先着手的是设计流程的语言化和可视化。

明确‘理想的设计流程’,通过用户调研,了解用户的痛点和期望的价值,再确定产品需求,这是以设计思维为基础的过程。看到ゆめみ的提案资料,他们的构建流程很详细,第一步便是‘听取需求’。这种方式与我们的思路一致,并且能够具体地想象到推进的方式,这些都是选择的关键因素。”(入尾野)
在实际的设计系统构建中,入尾野担任设计经理,金和关担任设计师和审查员。

负责制定指南、颜色调色板、样本设计、组件创建等工作,并检查ゆめみ制定的设计指南和UI组件设计是否符合JCB的要求。另一方面,ゆめみ负责从提出设计系统构建流程建议,到设计Scrum活动、组件设计和协调。该公司的竹田学担任设计系统经理,通常作为项目经理的大久保大祐则作为Scrum大师参与。