ja
Main Visual

Serendie Design System

デザインシステムを起点にしたオープンな組織文化づくり

Takram三菱電機株式会社以下三菱電機DX戦略を支えるSerendie Design Systemセレンディデザインシステム)」のデザインと開発を手がけましたこのプロジェクトはデザインシステムの立ち上げに留まらずオープンな組織文化をつくる第一歩となることをめざしたものです

宇宙から家電まで幅広い事業分野を有するを三菱電機は循環型 デジタル・エンジニアリング企業への変革を打ち出しその変革を加速させるためのDX基盤Serendieセレンディをリリースしました

TakramこのDX戦略を支えるデザインシステムのデザインから開発までを一気通貫で手がけました

Image
Figmaを活用した汎用性の高いUIコンポーネント集とともにコードコンポーネントJavaScript実装を併せて開発
Image
Serendie UIをベースに各事業のVIを適用し設計の共通化と多様な事業分野ごとに最適化をめざす
テーマはデザイントークンを活用してシステマチックに構成され必要に応じてカスタムすることもできる
幅広い事業分野に対応するよう5つの標準カラーテーマを備える
Image
Image
デザイントークンはReference TokenSystem Token2層から成りテーミングやマルチデバイスへの対応を考慮
Image
Single Source of Truthを実現するためFigma APIVariablesCode Connectなどを活用した仕組みを開発
Image
一貫した印象を届けるためSerendieアセットとしてイラストシステムや300以上のアイコンを提供
Image
三菱電機と密に連携しデザインシステムを継続的に育てるためのチーム構成やワークフロー会議体などの運用モデルを検討Photography by Ayumi Yamamoto
Image
Image
Photography by Ayumi Yamamoto
Image
Photography by Ayumi Yamamoto

Information

Project Team

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

Collaborators

  • Software Engineering:
    Takeshi Nagayama (float)
    Kenshiro Fujii (CLAN)
  • Design System Advisory:
    Ryo Fukushima (SmartBank)
  • Motion Graphics:
    Yoshihiko Shimoda

Related Projects

View all projects
Thumbnail
GOLDWIN WEBSTORE RENEWAL
多様なスポーツの楽しみ方を伝えるWEB STOREのデザイン
Thumbnail
Brand Renewal for freee
スモールビジネスをエンパワーするSaaS企業のブランディング
Thumbnail
RAKSUL Visual Identity
伝統的産業とテクノロジーを掛け合わせて革命を起こすスタートアップためのVIリニューアル