実務に役立つWebディレクションのコツ

1. 実務に役立つ Webディレクションのコツサイバーステーション株式会社一神友郎

2. 自己紹介

4. : ichigami

5. http://www.flickr.com/people/icgm/

8. : heshiko_bot

9. 会社紹介

10. サイバーステーションのご紹介  サイバーステーション株式会社 • 本社：石川県金沢市 • 設立：2000年5月コンテンツ • 社員数：62名システム開発デザイン  事業内容 • システム開発 • コンテンツデザイン制作 IPネットワーク • ネットワーク開発プロダクト開発 • ASP / SaaS サービス • データセンタ事業など

11. サービスのご紹介  デジサイン • デジタルサイネージ（電子看板）サービス  ホームページライフ • SoftBank SELECTION • HP作成ソフト分野で売上３位  サイバーモーション • 動画配信サービス

12. 早速ですがペルソナのご紹介

13. ペルソナ  企業が提供する製品・サービスのもっとも重要で象徴的なユーザモデルのこと。そのモデルを作ることをペルソナデザインという  ユーザーがウェブサイトにどんな期待を抱いているのかなどを定量的・定性的に調べて、架空の人物像であるペルソナを作り写真や文章で表現するここで質問ペルソナをつくったことはペルソナを？？？つくったことがないけど、利用者を知っている具体的に想定しているある

14. 本セッションのペルソナつくってみました  参考にした情報 • 過去2回のCSS Nite in ISHIKAWA アンケートデータ • 過去参加者のご意見 • 今回参加者の属性

15. 本セッションのペルソナ名前石川愛（女性）年齢 25歳社会人歴 3年住まい石川県金沢市仕事制作会社勤務職種 Webデザイナー CSS Nite参加 3回目インターネット利用状況毎日利用仕事での利用と自宅で１～２時間 Webデザイナーとして一通りの業務を経験し、最近ではプロジェクトの主担当を任されるようにもなった。最近仕事でお客様との窓口になることが増えたけれど、思うように進行できず知識や経験が足りないなぁと感じている。また、プロジェクトの主担当となることで、デザイン以外の業務も増え、慣れないエクセルに日々悪戦苦闘気味。でも納品後、お客様に感謝の言葉を直接伝えられるこの役割りにやりがいを感じている。イベント参加を通して、新たな気付きや今の悩みを解決するきっかけを見いだせたらいいなと感じている。あと、他の参加者もどんな方がいるのか楽しみ。

16. ペルソナ作成のメリット  具体ユーザー像を定めるため感情移入しやすい  意思決定がスムーズに進む  プロジェクト参加メンバーと共有できる  主観的な仕様要望を排除できる

19. 本日のテーマ Webディレクターの役割り情報共有のポイント

20. WEBディレクターの役割り

21. Webディレクターの役割り  Webディレクターの役割りは２つ • よいWebサイトをつくる • プロジェクトを管理する

22. よいWebサイトをつくる  よいWebサイトとは • 掲げた目標(指標)を達成できるホームページ - 達成率100％のホームページは素晴らしい - 達成率120％だととても素晴らしい - 達成率50％のホームページは改善の余地あり

23. よいWebサイトをつくる  目標(指標) がなければ評価ができない • ビジネスに有効に機能しているか？ • 制作費の妥当性は？ • 次の手が打てない  ホームページは立ち上げた後がスタート • 目標(指標)にもとづく検証・改善を継続的に！

24. プロジェクトを管理する  管理する対象は４つ • 人 • お金 • 時間 • 品質  管理とは • 対象の状態、現在の動き、行動履歴を常に把握し、プロジェクトの目標から外れないように統制・維持すること

25. プロジェクトを管理する 人 • クライアントも含めたプロジェクト構成メンバーの役割り・作業分担を明確に

26. プロジェクトを管理する  お金 • コスト意識を持ってプロジェクトを進行する

27. プロジェクトを管理する  時間 • Time is money • タスクごとの期限を設ける • マイルストーンはブラさない

28. プロジェクトを管理する  品質 • Webサイトの目的・方針に沿った品質を定義

29. Webディレクターの役割り＜まとめ＞  よいWebサイトをつくる • 掲げた目標(指標)を達成できるホームページ  プロジェクトを管理する • 人・お金・時間・品質

30. 情報共有のポイント

31. 受注前  インターネットに関しての共通の理解を深める  クライアントの問題を共有する  プロジェクト構成メンバーの役割り・作業分担を明確に • 誰（どの部署）と話をする？決裁者は誰？

32. Webサイト利益最適化ロジックツリー収益管理指標課題改善の方針具体例施策例 SEO対策被リンク購入 Googleウェブマスターツール登録検索エンジン対策 Yahoo!サイトエクスプローラー登録各種ディレクトリ登録取引先などへのリンク依頼 TVCM 紙媒体広告出稿認知率の向上プロモーションデジタル媒体広告出稿（リスティング）ユニークユーザーアクセス向上デジタル媒体広告出稿（メディアサイト）プレスリリース Ping送信ランキング登録ブログ・SNS活用足跡・ペタを残すコミュニティ形成 Twitter活用ページビューを増やす紹介の拡大紹介キャンペーン実施お友達紹介機能実装話題づくりキャンペーンの実施キャンペーン告知ページ作成顧客満足度の向上おすすめ商品（サービス）紹介ページ作成コンバージョン数お誕生日・記念日DM メールマガジン機能実装アップメール販促メールマガジン機能実装売上アップアクセスの動機付けリピート割引受注管理・会員管理機能実装リピートアクセス向上特別感の演出会員管理機能実装 Webサイト早割・遅割キャンペーン告知ページ作成時間帯販促利益最適化アイドルタイム販促タイムセール実施曜日別アクセス数改善曜日別キャンペーンの実施キャンペーン告知ページ作成導入ページ検証・改善 LPO対策第一印象改善デザイン改善直帰率向上直帰率低下商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善平均ページビュー増加平均ページビュー増加商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善商品（サービス）訴求改善コピー・テキスト・商品画像改善コンバージョン率向上購入フロー説明改善コピー・テキスト・商品画像改善コンバージョン率を高めるコンバージョン率向上買いやすさ改善配送・支払い・返金サービス改善ユーザー導線検証・改善ナビゲーション改善フォーム離脱率低下ユーザビリティ検証・改善 EFO対策注文商品（サービス）数を増やしたい追加の一品関連商品紹介ナビゲーション改善客単価アップ客単価を上げるセット商品（サービス）の販売数増加セット商品（サービス）の告知セット商品（サービス）販促セット商品（サービス）ページ作成高額商品の販売数増加高額商品の告知高額商品販促商品（サービス）ページ作成原価率を下げる原価コントロール粗利率の高い商品（サービス）の販促粗利率の高い商品（サービス）の販促ナビゲーション改善 CMS導入オペレーションが容易なシステム構築人件費削減作業時間の短縮マニュアル作成コストダウン人件費・外注費を下げる従業員のスキルアップセミナー開催 CMS導入外注費削減外注費削減オペレーションが容易なシステム構築マニュアル作成

33. 収益 Webサイト利益最適化ロジックツリー管理指標課題改善の方針具体例 SEO対策施策例被リンク購入 Googleウェブマスターツール登録検索エンジン対策 Yahoo!サイトエクスプローラー登録各種ディレクトリ登録取引先などへのリンク依頼 TVCM 紙媒体広告出稿認知率の向上プロモーションデジタル媒体広告出稿（リスティング）ユニークユーザーアクセス向上デジタル媒体広告出稿（メディアサイト）プレスリリース Ping送信ランキング登録売上アップブログ・SNS活用足跡・ペタを残すコミュニティ形成 Twitter活用 Webサイトページビューを増やす紹介の拡大紹介キャンペーン実施お友達紹介機能実装話題づくりキャンペーンの実施キャンペーン告知ページ作成顧客満足度の向上おすすめ商品（サービス）紹介ページ作成コンバージョン数お誕生日・記念日DM メールマガジン機能実装アップメール販促メールマガジン機能実装売上アップアクセスの動機付け利益最適化リピート割引受注管理・会員管理機能実装リピートアクセス向上特別感の演出会員管理機能実装 Webサイト早割・遅割キャンペーン告知ページ作成コストダウン時間帯販促利益最適化アイドルタイム販促タイムセール実施曜日別アクセス数改善曜日別キャンペーンの実施キャンペーン告知ページ作成導入ページ検証・改善 LPO対策第一印象改善デザイン改善直帰率向上直帰率低下商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善平均ページビュー増加平均ページビュー増加商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善商品（サービス）訴求改善コピー・テキスト・商品画像改善コンバージョン率向上購入フロー説明改善コピー・テキスト・商品画像改善コンバージョン率を高めるコンバージョン率向上買いやすさ改善配送・支払い・返金サービス改善ユーザー導線検証・改善ナビゲーション改善フォーム離脱率低下ユーザビリティ検証・改善 EFO対策注文商品（サービス）数を増やしたい追加の一品関連商品紹介ナビゲーション改善客単価アップ客単価を上げるセット商品（サービス）の販売数増加セット商品（サービス）の告知セット商品（サービス）販促セット商品（サービス）ページ作成高額商品の販売数増加高額商品の告知高額商品販促商品（サービス）ページ作成原価率を下げる原価コントロール粗利率の高い商品（サービス）の販促粗利率の高い商品（サービス）の販促ナビゲーション改善 CMS導入オペレーションが容易なシステム構築人件費削減作業時間の短縮マニュアル作成コストダウン人件費・外注費を下げる従業員のスキルアップセミナー開催 CMS導入外注費削減外注費削減オペレーションが容易なシステム構築マニュアル作成

34. 収益 Webサイト利益最適化ロジックツリー管理指標課題改善の方針具体例 SEO対策施策例被リンク購入 Googleウェブマスターツール登録検索エンジン対策 Yahoo!サイトエクスプローラー登録各種ディレクトリ登録取引先などへのリンク依頼 TVCM 紙媒体広告出稿認知率の向上プロモーションデジタル媒体広告出稿（リスティング）ユニークユーザーアクセス向上デジタル媒体広告出稿（メディアサイト）プレスリリースコンバージョン Ping送信ランキング登録ブログ・SNS活用足跡・ペタを残すコミュニティ形成 Twitter活用ページビューを増やす紹介の拡大紹介キャンペーン実施お友達紹介機能実装数アップ話題づくりキャンペーンの実施キャンペーン告知ページ作成顧客満足度の向上おすすめ商品（サービス）紹介ページ作成売上アップコンバージョン数お誕生日・記念日DM メールマガジン機能実装アップメール販促メールマガジン機能実装売上アップアクセスの動機付けリピート割引受注管理・会員管理機能実装リピートアクセス向上特別感の演出会員管理機能実装 Webサイト早割・遅割キャンペーン告知ページ作成時間帯販促客単価アップ利益最適化アイドルタイム販促タイムセール実施曜日別アクセス数改善曜日別キャンペーンの実施キャンペーン告知ページ作成導入ページ検証・改善 LPO対策第一印象改善デザイン改善直帰率向上直帰率低下商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善平均ページビュー増加平均ページビュー増加商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善商品（サービス）訴求改善コピー・テキスト・商品画像改善コンバージョン率向上購入フロー説明改善コピー・テキスト・商品画像改善コンバージョン率を高めるコンバージョン率向上買いやすさ改善配送・支払い・返金サービス改善ユーザー導線検証・改善ナビゲーション改善フォーム離脱率低下ユーザビリティ検証・改善 EFO対策注文商品（サービス）数を増やしたい追加の一品関連商品紹介ナビゲーション改善客単価アップ客単価を上げるセット商品（サービス）の販売数増加セット商品（サービス）の告知セット商品（サービス）販促セット商品（サービス）ページ作成高額商品の販売数増加高額商品の告知高額商品販促商品（サービス）ページ作成原価率を下げる原価コントロール粗利率の高い商品（サービス）の販促粗利率の高い商品（サービス）の販促ナビゲーション改善 CMS導入オペレーションが容易なシステム構築人件費削減作業時間の短縮マニュアル作成コストダウン人件費・外注費を下げる従業員のスキルアップセミナー開催 CMS導入外注費削減外注費削減オペレーションが容易なシステム構築マニュアル作成

35. 収益 Webサイト利益最適化ロジックツリー管理指標課題改善の方針具体例 SEO対策施策例被リンク購入 Googleウェブマスターツール登録検索エンジン対策 Yahoo!サイトエクスプローラー登録各種ディレクトリ登録取引先などへのリンク依頼 TVCM 紙媒体広告出稿認知率の向上プロモーションデジタル媒体広告出稿（リスティング）ユニークユーザーアクセス向上デジタル媒体広告出稿（メディアサイト）ページビューをプレスリリース Ping送信ランキング登録ブログ・SNS活用足跡・ペタを残すコミュニティ形成増やす Twitter活用コンバージョンページビューを増やす紹介の拡大紹介キャンペーン実施お友達紹介機能実装話題づくりキャンペーンの実施キャンペーン告知ページ作成顧客満足度の向上おすすめ商品（サービス）紹介ページ作成コンバージョン数お誕生日・記念日DM メールマガジン機能実装アップメール販促メールマガジン機能実装売上アップアクセスの動機付け数アップリピート割引受注管理・会員管理機能実装リピートアクセス向上特別感の演出会員管理機能実装コンバージョン率 Webサイト早割・遅割キャンペーン告知ページ作成時間帯販促利益最適化アイドルタイム販促タイムセール実施曜日別アクセス数改善曜日別キャンペーンの実施キャンペーン告知ページ作成導入ページ検証・改善 LPO対策第一印象改善デザイン改善直帰率向上直帰率低下を高める商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善平均ページビュー増加平均ページビュー増加商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善商品（サービス）訴求改善コピー・テキスト・商品画像改善コンバージョン率向上購入フロー説明改善コピー・テキスト・商品画像改善コンバージョン率を高めるコンバージョン率向上買いやすさ改善配送・支払い・返金サービス改善ユーザー導線検証・改善ナビゲーション改善フォーム離脱率低下ユーザビリティ検証・改善 EFO対策注文商品（サービス）数を増やしたい追加の一品関連商品紹介ナビゲーション改善客単価アップ客単価を上げるセット商品（サービス）の販売数増加セット商品（サービス）の告知セット商品（サービス）販促セット商品（サービス）ページ作成高額商品の販売数増加高額商品の告知高額商品販促商品（サービス）ページ作成原価率を下げる原価コントロール粗利率の高い商品（サービス）の販促粗利率の高い商品（サービス）の販促ナビゲーション改善 CMS導入オペレーションが容易なシステム構築人件費削減作業時間の短縮マニュアル作成コストダウン人件費・外注費を下げる従業員のスキルアップセミナー開催 CMS導入外注費削減外注費削減オペレーションが容易なシステム構築マニュアル作成

36. 収益 Webサイト利益最適化ロジックツリー管理指標課題改善の方針具体例 SEO対策施策例被リンク購入 Googleウェブマスターツール登録検索エンジン対策 Yahoo!サイトエクスプローラー登録各種ディレクトリ登録ユニークユーザー取引先などへのリンク依頼 TVCM 紙媒体広告出稿認知率の向上プロモーションデジタル媒体広告出稿（リスティング）ユニークユーザーアクセス向上デジタル媒体広告出稿（メディアサイト）アクセス向上プレスリリース Ping送信ランキング登録ブログ・SNS活用足跡・ペタを残すコミュニティ形成 Twitter活用ページビューをページビューを増やす紹介の拡大紹介キャンペーン実施お友達紹介機能実装リピートアクセス向上話題づくりキャンペーンの実施キャンペーン告知ページ作成顧客満足度の向上おすすめ商品（サービス）紹介ページ作成コンバージョン数お誕生日・記念日DM メールマガジン機能実装アップメール販促メールマガジン機能実装売上アップアクセスの動機付け増やすリピート割引受注管理・会員管理機能実装リピートアクセス向上特別感の演出会員管理機能実装 Webサイト早割・遅割キャンペーン告知ページ作成時間帯販促利益最適化アイドルタイム販促タイムセール実施直帰率向上曜日別アクセス数改善曜日別キャンペーンの実施キャンペーン告知ページ作成導入ページ検証・改善 LPO対策第一印象改善デザイン改善直帰率向上直帰率低下商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善平均ページビュー増加平均ページビュー増加商品（サービス）訴求改善コピー・テキスト・商品画像改善平均ページビュー増加ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善商品（サービス）訴求改善コピー・テキスト・商品画像改善コンバージョン率向上購入フロー説明改善コピー・テキスト・商品画像改善コンバージョン率を高めるコンバージョン率向上買いやすさ改善配送・支払い・返金サービス改善ユーザー導線検証・改善ナビゲーション改善フォーム離脱率低下ユーザビリティ検証・改善 EFO対策注文商品（サービス）数を増やしたい追加の一品関連商品紹介ナビゲーション改善客単価アップ客単価を上げるセット商品（サービス）の販売数増加セット商品（サービス）の告知セット商品（サービス）販促セット商品（サービス）ページ作成高額商品の販売数増加高額商品の告知高額商品販促商品（サービス）ページ作成原価率を下げる原価コントロール粗利率の高い商品（サービス）の販促粗利率の高い商品（サービス）の販促ナビゲーション改善 CMS導入オペレーションが容易なシステム構築人件費削減作業時間の短縮マニュアル作成コストダウン人件費・外注費を下げる従業員のスキルアップセミナー開催 CMS導入外注費削減外注費削減オペレーションが容易なシステム構築マニュアル作成

37. 収益 Webサイト利益最適化ロジックツリー管理指標課題改善の方針具体例 SEO対策施策例被リンク購入 Googleウェブマスターツール登録検索エンジン対策 Yahoo!サイトエクスプローラー登録各種ディレクトリ登録取引先などへのリンク依頼といったカタチに、管理指標や課題から TVCM 紙媒体広告出稿認知率の向上プロモーションデジタル媒体広告出稿（リスティング）ユニークユーザーアクセス向上デジタル媒体広告出稿（メディアサイト）プレスリリース Ping送信ランキング登録改善の方針、施策を検討できるツールですブログ・SNS活用足跡・ペタを残すコミュニティ形成 Twitter活用ページビューを増やす紹介の拡大紹介キャンペーン実施お友達紹介機能実装話題づくりキャンペーンの実施キャンペーン告知ページ作成顧客満足度の向上おすすめ商品（サービス）紹介ページ作成コンバージョン数お誕生日・記念日DM メールマガジン機能実装アップメール販促メールマガジン機能実装売上アップアクセスの動機付けリピート割引受注管理・会員管理機能実装リピートアクセス向上特別感の演出会員管理機能実装クライアントとの意識共有や Webサイト早割・遅割キャンペーン告知ページ作成時間帯販促利益最適化アイドルタイム販促タイムセール実施曜日別アクセス数改善曜日別キャンペーンの実施キャンペーン告知ページ作成導入ページ検証・改善 LPO対策第一印象改善デザイン改善直帰率向上直帰率低下商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善 Webサイトの方針に迷った時に第一印象改善デザイン改善平均ページビュー増加平均ページビュー増加商品（サービス）訴求改善コピー・テキスト・商品画像改善ユーザー導線検証・改善ナビゲーション改善第一印象改善デザイン改善商品（サービス）訴求改善コピー・テキスト・商品画像改善コンバージョン率向上購入フロー説明改善コピー・テキスト・商品画像改善コンバージョン率を高めるコンバージョン率向上買いやすさ改善配送・支払い・返金サービス改善ぜひ、ご活用くださいユーザー導線検証・改善ナビゲーション改善フォーム離脱率低下ユーザビリティ検証・改善 EFO対策注文商品（サービス）数を増やしたい追加の一品関連商品紹介ナビゲーション改善客単価アップ客単価を上げるセット商品（サービス）の販売数増加セット商品（サービス）の告知セット商品（サービス）販促セット商品（サービス）ページ作成高額商品の販売数増加高額商品の告知高額商品販促商品（サービス）ページ作成原価率を下げる原価コントロール粗利率の高い商品（サービス）の販促粗利率の高い商品（サービス）の販促ナビゲーション改善 CMS導入オペレーションが容易なシステム構築人件費削減作業時間の短縮マニュアル作成コストダウン人件費・外注費を下げる従業員のスキルアップセミナー開催 CMS導入外注費削減外注費削減オペレーションが容易なシステム構築マニュアル作成

38. 構築時  スケジュール管理 • マイルストーンを定め進捗を確認 • 工程を全て洗い出し、担当、期限を設ける • 工程の担当は毎日進捗をチェック • 全体では最低週１チェック • 当初に定めたマイルストーンは動かさない

39. ×なスケジュール管理表サイトリニューアル制作工程作業内容制作期間サイト設計・要件定義 4月 5月 6月 7月 8月 9月・ユーザー導線設計・ワイヤーフレーム設計・素材収集（文字・写真）・効果測定体制確立携帯サイト構築・ビジュアル設計 4月 5月 6月 7月 8月 9月・ページデザイン・コーディング・動作検証・アップロード PCサイト構築・・ビジュアル設計 4月 5月 6月 7月 8月 9月オンラインショップ・ページデザインリニューアル・コーディング・自動更新システム設置・動作検証・アップロード

40. スケジュール管理表の例

41. スケジュール管理表の例  工程  作業内容  担当者  開始予定日・開始日  完了予定日・完了日  進捗率

42. 構築手順 STEP １ユーザー像を具体的にイメージする STEP ２ユーザーが欲しているコンテンツを洗い出す STEP ３ユーザーの行動プロセスの細分化を行う STEP ４最適なユーザビリティの提供により、ユーザーの情報選別の効率を上げる

43. ユーザーシナリオ設計

44. ユーザーシナリオ設計  行動シナリオ  ユーザーニーズ  コンテンツ分類  構成要素  設計時に留意すべき点  重要度

45. コンテンツマトリックス

46. コンテンツマトリックス  コンテンツグループ  コンテンツ内訳  コンテンツ題名  コンテンツデータ • 静的 or 動的、txt 画像動画  コンテンツ概要  情報リソース  出力先デバイス • PC or 携帯

47. トーン＆マナー

48. トーン＆マナー  サイト構築・メンテナンス方針  デザインルール • メインカラー • テキストについて • 見出しルール • リンクルールなど

50. 運用時  目標（指標）の設定  運用後のWebサイトの評価、効果測定手法を提示  PDCAサイクルの確立

51. おすすめの効果測定方法  事前に定例会議の設計しておく • 会議名 • 会議の目的 • 目標値 • 会議参加者 • 開催日時 • 必要書類 • 管理・運営 • 作業分担・担当者  PDCAは大きいものと小さいものの２つ回す • 目先にとらわれ過ぎず、先を見越した計画が練られる

52. まとめ

53. まとめ【受注前】インターネットに関しての共通の理解を深める【受注前】プロジェクトメンバーの役割り・作業分担を明確にする【構築時】プロジェクトの全体像を明示し、進捗を管理・共有【構築時】利用者を具体的に絞り込む【構築時】設計時に方針・ルールを定め徹底する【運用】定例会議を設け、2つのPDCAをぐるぐる回す

54. ありがとうございました。 Credits • CannedTuna • Robokow • Zitona • Luc.viatour

実務に役立つWebディレクションのコツ

実務に役立つWebディレクションのコツ

Recommandé

Contenu connexe

En vedette

En vedette(10)

Similaire à 実務に役立つWebディレクションのコツ

Similaire à 実務に役立つWebディレクションのコツ(20)

Plus de トモロヲいちがみ

Plus de トモロヲいちがみ(8)