Serendie Design Systemのビジュアルアイデンティティ

三菱電機株式会社は、当社独自のデジタル基盤「SerendieTM(セレンディ)」を活用した価値共創プログラムの加速に向けた取り組みの一環として、UI※1開発の効率化と品質向上を実現するデザインシステム「Serendie Design System」を構築し、Webサイト※2にて11月7日から無償で提供を開始します。本システムは、豊富なデザインパーツや、デザインツール「Figma」※3とフロントエンドフレームワーク「React」※4の連携によるスムーズなワークフローを社内外に提供するもので、共創によるデジタルトランスフォーメーション(DX)の加速に貢献します。

近年、デジタル化の進展に伴い、顧客との接点になるUI/UX※5の重要性が増す一方で、UI開発には多くの時間と費用がかかることから、デザインやエンジニアリングの効率化が喫緊の課題となっています。当社においても、ブランドアイデンティティの一貫性と、ユーザーの利便性・操作性や顧客満足度の向上に向けた、UI/UXの統一が求められていました。

「Serendie Design System」は、当社の多様な事業領域で培われた知見を集約し、再利用可能で豊富な数のデザインパーツを有する、当社初の事業領域を横断したデザインシステムです。本システムは、「Figma」を活用し、利便性や操作性を考慮して設計されたデザインパーツを組み合わせるだけで、簡単にUIデザインの作成が可能で、高品質で統一感のあるUIを簡単に構築できます。また、「Figma」とWebアプリケーション開発で広く利用されているJavaScriptのライブラリーである「React」の連携により、デザインから実装への移行を大幅に効率化できるため、開発期間の短縮に貢献します。さらに、動くプロトタイプを短時間で作成して、ユーザーからのフィードバックを得ながら迅速にUIデザインを改善できるため、PoC※6開発にも最適なツールです。

当社は、UI開発の効率化と品質向上を実現する「Serendie Design System」の提供を通じて、社外パートナーとの共創によるデジタルサービスの実現を加速してまいります。



  • ※1

    User Interface

  • ※2

    https://serendie.design/

  • ※3

    プロトタイピングやフィードバックの収集など多くの機能があり、リアルタイムでの共同編集が可能なデザインツール

  • ※4

    WebサイトやWebアプリのUI開発に用いられるJavaScriptのライブラリー

  • ※5

    User eXperience

  • ※6

    Proof of Conceptの略で、新しい概念・理論・アイデアを製品化に移す前に、実現可能性や効果を検証すること

お客様からのお問い合わせ先

三菱電機株式会社 DXイノベーションセンター
E-mail:dx-ic@me.MitsubishiElectric.co.jp