Takram partnered with Mitsubishi Electric Corporation (Mitsubishi Electric) to design and develop the Serendie Design System ── a cornerstone of the company’s digital transformation strategy.
This initiative aimed not only to launch a design system, but also to take the first step toward fostering a more open organisational culture.
Spanning fields from outer space to home appliances, Mitsubishi Electric has announced its transformation into a Circular Digital Engineering Company. To accelerate this shift, the company released Serendie, a new digital transformation platform.
Takram led the process end-to-end, from design to implementation, crafting the design system that underpins this transformation.
This initiative aimed not only to launch a design system, but also to take the first step toward fostering a more open organisational culture.
Spanning fields from outer space to home appliances, Mitsubishi Electric has announced its transformation into a Circular Digital Engineering Company. To accelerate this shift, the company released Serendie, a new digital transformation platform.
Takram led the process end-to-end, from design to implementation, crafting the design system that underpins this transformation.
Alongside a versatile set of UI components built in Figma, we also developed code components with JavaScript implementations.
Based on Serendie UI, each business unit’s visual identity is applied—aiming to unify design while optimising for the unique needs of diverse business domains.
The themes are systematically built using design tokens and can be customised as needed.
Equipped with five standard colour themes to accommodate a wide range of business domains.
The design tokens are structured in two layers—Reference Tokens and System Tokens—designed with theming and multi-device compatibility in mind.
To achieve a Single Source of Truth, we developed a system leveraging tools such as the Figma API, Variables, and Code Connect.
To deliver a consistent look and feel, we provided an illustration system and over 300 icons as part of the Serendie asset library.
Working closely with Mitsubishi Electric, we explored operational models for sustaining and evolving the design system—covering team structure, workflows, and governance forums.
Photography by Ayumi Yamamoto
Photography by Ayumi Yamamoto
Photography by Ayumi Yamamoto
Project Team
- Project Direction:
- Software Engineering:Yahiro Nakamoto (Intern)
- UI Design:
- Web Design & Illustration:
- Iconography:
