SaaS型デザインシステムプラットフォーム
BRAND DECK

デザインと運用の両面から、ブランドの成長を支える

オウンドメディアの運用が多岐に渡るようになるにつれ、コンテンツの追加や更新が増え、関係者も増えることで、ブランドの管理が難しくなります。
博報堂アイ・スタジオは25年にわたりWebデジタル領域のデザイン・設計・実装・運用を担い、 ブランド理解を踏まえたクリエイティブ制作を行ってきました。デザインガイドラインも多数作成しましたが、そのガイドラインが正しく運用されていない現状も多々ありました。
そこで、デザインと運用の両面から、ブランドの成長を支えるデザインシステムプラットフォーム『BRAND DECK（ブランドデック）』を開発しました。

I-STUDIO デザインシステムプラットフォーム
BRAND DECK

「BRAND DECK」は、博報堂アイ・スタジオがこれまで培ってきたWebサイト構築や運用、ブランドを理解したデザイン開発のノウハウを活かした「デザインシステムをグロースするプラットフォーム」です。

従来はロゴのレギュレーション、規則、ガイドラインなどの作成に加え、デザインシステムそのものを構築する必要がありましたが、「BRAND DECK」はデザインシステムのパッケージ化に成功。あらかじめ用意されたSaaS型プラットフォームを提供することで、イチからデザインシステムを立ち上げる必要がなくなり、開発における費用の削減と期間の短縮を実現。さらに、博報堂アイ・スタジオの経験豊富なデザイナーやフロントエンドエンジニア、サーバーサイドエンジニアが運用を担うことで、長期的な品質の維持も可能とします。

これらの課題を解決するのがデザインシステム

ブランドやサービスのアイデンティティをしっかりと掲げ、それを元にしたガイドラインを制定。
開発者とデザイナーが共通のコンポーネント（デザインパーツ・コード）を使用することで、品質とユーザー体験の一貫性を確保します。

SaaS型プラットフォーム「BRAND DECK」で解決！

ブランド表現の構造化と、運用で活かすことが、BRAND DECKの仕組みにより実現。

デザインシステムを構築し、 その設計思想を運用しながら活用できるプラットフォームとして提供します。

BRAND DECK 導入のメリット

博報堂アイ・スタジオがこれまで培ってきた大規模サイト構築、運用、ブランドを理解したデザイン開発のノウハウを活かし、お客様のニーズや業界のトレンドに応じて柔軟に対応可能な、成長を見据えたグロース可能なデザインシステムの構築を行います。その過程では、ブランドや企業のビジョンに真摯に向き合い、詳細かつ綿密なプロセスをドキュメント化することで、クライアントの長期的かつ戦略的なパートナーとして、共に成長し続けるために伴走します。

Q：デザインシステムを導入するメリットは何ですか？

A：デザインの一貫性を保ち、開発スピードを向上させることができます。
また、チーム間のコミュニケーションが円滑になり、デザインと開発の連携が強化されます。

Q：デザインシステムの構築はどこから始めればよいですか？ 

A：まずはブランドの基本要素（カラー、タイポグラフィ、アイコンなど）を定義し、次にコンポーネントライブラリを作成するのが一般的です。段階的に拡張していくことで、スムーズな導入が可能になります。既にデザインシステムがある場合は、そのデザインシステムがグロースするよう、不足しているコンポーネントやドキュメントの追加など、ビジネス要件に合わせて改善していきます。

Q：デザインシステムの運用を継続するためのポイントは？

A：使い勝手の良さがなにより重要です。作業者によりカスタマイズが可能なことや、視覚的にも分かりやすいUIであることが、形骸化を防ぎ、運用され続けるポイントです。

Q：デザインシステムをチームに浸透させるにはどうすればよいですか？  

A：まずは小規模なプロジェクトで試験導入し、成功事例を共有することが効果的です。
博報堂アイ・スタジオでデザインシステムを導入いただいた際は、理解を深めるための、使い方ワークショップの開催なども行っております。