デザインシステム ケイツー・インタラクティブ

デザインシステム

デザインシステムは、デザイナー・エンジニア・PM等の開発チーム全員が参照すべき、UIを構成するコンポーネントの運用思想・デザイン・コードについての、唯一の情報源です。

基本要件

要件定義書の補足情報及びデザインシステムに関わる情報を掲載。

  • ヒアリング情報
  • 課題と目的
  • プロジェクト体制
  • 運用方針
  • ターゲットモデル

実装要件

要件定義書の補足情報及びデザインシステムに関わる情報を掲載。

  • 技術仕様
  • (システム)構成
  • スケジュール
  • 納品物

原則

システムやWEBサイトの目的及び存在意義について。

  • コンセプト
  • ブランド
  • ロゴ
  • 将来像
  • デザイン

設計

システムやWEBサイトの骨組みとなる設計書です。

実装

制作フェーズや更新時に、エンジニアやデザイナーといった開発者のためのリファレンスとして利用するコンテンツ。

スタイル

ブランドに基づくカラー設計及び、スタイル制御可能なテキストレイアウト、アイコンとリンク要素をコード含めて掲載。

レイアウト

コンポーネントとして、使いまわせるレイアウト及びコードを掲載。

UI

UIのパーツの使い方及び、対応コードの掲載。

コンテンツ

ボイスアンドトーンや表記ルール、用字用語、ライティングパターン、写真の扱いなどを掲載。

進捗

現在進行中のプロジェクトの進捗を確認できます。

  • 案件ごとに利用サービスを選択します。

運用

デザインシステムを運用し続けるためのガイドライン。

  • プロダクトを機能させる教育コンテンツなど、案件ごとに掲載内容を変更させます。