ピックアップ

Webデザイン・プロセスをまとめたインフォグラフィック

Webデザインのプロセスをフェーズ分けしてまとめたインフォグラフィックを紹介します。
A Website Designed Infographic

A Website Designed

Webデザイン プロセス インフォグラフィック 1
image by simple square

プロセスの開始が一番左で右にいくほど時間が経過(WEEK 1~8)していきます。

Webデザイン プロセス インフォグラフィック 2

初期の打ち合わせからローンチを6つのフェーズに分けて色分けしています。

Webデザイン プロセス インフォグラフィック 3

各フェーズで行うことがマイルストーンとして印されています。

Webデザイン プロセス インフォグラフィック 4

タイムライン上段は「デザイナー」のやること、下段には「クライアント」のやること。

Webデザイン プロセス インフォグラフィック 5

マイルストーンは、文字サイズが大きいほど重要度高め。

Webデザイン プロセス インフォグラフィック 6

円が大きいほど、高い関与が必要なフェーズ。

Webデザイン プロセス インフォグラフィック 7

色やサイズの違いを使って、複数の情報を一つのグラフィックで伝えています。

プロフィール

櫻田潤

櫻田 潤

プログラマー、システムエンジニア、ウェブデザイナーを経て、2010年よりビジュアルシンキング運営開始。2014年12月よりNewsPicks編集部でインフォグラフィックス・エディターとして記事執筆。研修・インベント講師や書籍執筆も行なっている。著書に『たのしいインフォグラフィック入門』ほか。

27 Aug, 2013