【田口真行】 webディレクションを根本から磨く、3つのアンテナ

1998年 アルバイト先でWebデザインを経験

1999年 フリーランスWebディレクターとして独立

2000年 SKY PerfecTV! 『DesktopTV』プロデュース

2001年 Web関連の講師業を開始

2004年 攻殻機動隊TRIBUTE CD アートディレクション

2006年 株式会社デスクトップワークス 設立

2012年 Webディレクタースクール 設立

2014年 株式会社スクーにてレギュラー生放送番組を開始

2015年 CSS Nite ベストスピーカー 受賞

田口 真行 たぐち まさゆき

プロジェクトの進め方

…

クライアント

… …

デザイナー

プログラマー

カメラマン

Webディレクター

Webサイトプロジェクトの流れ

企画 設計 制作 目的 成果物

企画 設計 制作 目的 成果物

ヒアリング

ヒアリング 田 口 流

田口流! ディレクション・ティップス

企画 設計 制作 目的 成果物

画面設計

画面設計 田 口 流

田口流! ディレクション・ティップス

ワイヤーフレーム

ディレクター ワイヤーフレーム クライアント

一般的なワイヤーフレーム作成の流れ

ディレクター ワイヤーフレーム クライアント

田口の場合

ディレクター ワイヤーフレーム クライアント

田口の場合

ディレクター ワイヤーフレーム クライアント

クライアントと一緒に考える

ディレクター ワイヤーフレーム クライアント

一緒に作った感が高まる

ディレクター ワイヤーフレーム クライアント

ムダな手戻りが激減する

ディレクター ワイヤーフレーム クライアント

クライアントの自分ごとにする

コミュニケーション

…

クライアント

… …

デザイナー

プログラマー

カメラマン

Webディレクター

…

クライアント

… …

デザイナー

プログラマー

カメラマン

Webディレクター

…

クライアント

… …

デザイナー

プログラマー

カメラマン

Webディレクター

ディレクション業務の大半は コミュニケーションが占めている

…

クライアント

… …

デザイナー

プログラマー

カメラマン

Webディレクター

クライアントとの コミュニケーションのとり方次第で

多くの悩みは解決する

ベストな関係性

アイデア発想

アイデア磨き 田 口 流

田口流! ディレクション・ティップス

トレーニング

３

２

１

このお店を リニューアルしてみましょう

このお店をより良くするには？

このお店をより良くするには？

リアルを題材にすると 的を得たアイデアが出やすくなる

日常にアイデアのヒントは 溢れている

webdirection.goat.me

ご清聴ありがとうございました

気軽なフォローを お待ちしてます

田口 真行 Masayuki Taguchi