Takram is a design innovation firm.
Explore new possibilities. Crystallize them into reality.
Main Visual

Serendie Design System

以设计系统为起点构建开放的组织文化

Takram参与了三菱电机株式会社以下简称三菱电机Serendie Design System的设计与开发工作该项目不仅关注设计系统本身的构建也将其视为推动更加开放的组织文化的一项实践

三菱电机的业务覆盖航天能源工业自动化家电等多个领域并提出向循环型数字工程企业转型的目标为加速这一转型公司发布了DX基础平台Serendie

Takram参与了支撑这一DX战略的设计系统建设从设计到开发协同推进

Image
在基于Figma构建高通用性UI组件库的同时也同步开发了对应的代码组件JavaScript实现
Image
Serendie UI为基础结合各业务领域的视觉识别需求在保持一致性的同时兼顾不同场景的适应性
主题体系基于设计令牌构建并可根据实际需求进行扩展与定制
内置5种标准主题以适配不同业务领域的应用场景
Image
Image
设计令牌由Reference TokenSystem Token两层结构组成并充分考虑了主题化与多设备适配需求
Image
为了实现Single Source of Truth开发了结合Figma APIVariablesCode Connect的工作机制
Image
为传达统一的品牌体验构建了插图系统并提供300余款图标作为Serendie资产的一部分
Image
与三菱电机团队持续协作共同探索设计系统长期发展的团队结构工作流程与运营机制
Photography by Ayumi Yamamoto
Image
Image
Photography by Ayumi Yamamoto
Image
Photography by Ayumi Yamamoto

Information

Project Team

Main Visual
Kosuke Futsukaichi
Digital Product Designer
Main Visual
Takaya Deguchi
Design Engineer
Service Designer
Project Director
Main Visual
Suika Yamada
Digital Product Designer

Collaborators

  • 软件工程:
    永山刚float
    藤井健士郎CLAN
  • 设计系统顾问:
    福岛亮SmartBank
  • 动态图形:
    下田佳彦

Related Projects

View all projects