第 3 章 ホームページ 制 作 企 画 Copyright ナレッジコーディネーター All Rights Reserved. 1
1. 制 作 コンセプトを 決 める ホームページ 制 作 で 最 も 重 要 なことは ホームページ 制 作 のコンセプトを 決 め ること です 店 舗 を 持 ち 商 売 をしている 方 はこだわりを 持 って 店 舗 を 建 てたことだと 思 いま す ホームページも 同 じです ポリシーやコンセプトがなく 立 ち 上 げたホームページは 魅 力 がないのは 当 たり 前 なのです <ポイント> 立 ち 上 げてから 考 えるのではなく 立 ち 上 げる 前 に 十 分 に 検 討 することが 必 要 だと 思 います 特 に 全 国 の 同 業 他 社 と 競 争 する 可 能 性 があるので なおさら 制 作 コンセプ ト を 明 確 にしておく 必 要 があるのです <コンセプトが 明 確 であると 良 いことがあります> 一 目 で 他 社 との 違 いを 利 用 者 が 気 づきます こだわりを 持 って 仕 事 をしているという 印 象 を 抱 きます 同 業 他 社 よりも 検 索 結 果 が 上 位 に 表 示 されやすい 来 店 してほしい ホームページに 来 てほしい 人 が 集 まりやすい Copyright ナレッジコーディネーター All Rights Reserved. 2
コンセプトのあるHPは 目 立 ちます <コンセプトがないと 困 ることがあります> ホームページを 見 ても 印 象 に 残 らない 3 秒 以 内 で 利 用 者 が 去 ります デザインやフラッシュ 等 の 機 能 にこだわっても 驚 きはあっても 好 感 につなが らない 制 作 や 集 客 のために 費 用 を 投 じても 効 果 が 薄 い コンセプトがないと 埋 没 します ホームページ 制 作 コンセプトがすべてです! Copyright ナレッジコーディネーター All Rights Reserved. 3
ホームページ 制 作 コンセプトを 作 るためには 最 低 でも 下 記 のことをクリアして いる 必 要 があります 1. 利 用 者 を 具 体 的 にイメージできていること 2. 商 品 /サービス そして 事 業 者 の 強 みを 発 揮 できていること 3. 事 業 機 会 を 捉 えた 的 を 得 ていること ナレッジコーディネーターの web 戦 略 コンサルティングでは 特 にこのプロセ スにこだわりをもって 仕 事 をしています <ポイント> 時 間 をかけても 納 得 のいくコンセプトを 考 えることが 成 功 への 近 道 です Copyright ナレッジコーディネーター All Rights Reserved. 4
2.コンテンツリストを 作 ろう ホームページ 制 作 コンセプトを 決 めた 後 は コンテンツリスト を 作 りましょ う コンテンツリストというのは ページ 一 覧 だけでなく その 関 係 性 も 表 すもの です ブログのテーマも 一 種 のコンテンツリストになっています <ブログテーマ> Copyright ナレッジコーディネーター All Rights Reserved. 5
<コンテンツリストを 決 めるには> 1.ホームページ 制 作 コンセプトを 忘 れないこと コンテンツの 内 容 を 考 えていると いつの 間 にかボリュームがどんどん 増 えて きて まとまらなくなった 結 果 参 考 サイトを 見 て 無 難 な 形 に 落 ち 着 くことが あります 一 見 無 難 にまとまっていますが 全 くホームページ 制 作 コンセプトを 表 現 で きていないものになってしまう 可 能 性 があります それでは せっかく 考 えた コンセプトが 台 無 しになってしまいます <ポイント> 最 初 から 最 後 までホームページ 制 作 コンセプトの 内 容 を 表 現 できているのか チェックする 必 要 があります 2. 本 の 目 次 を 参 考 にリスト 化 してください 本 の 目 次 を 見 てください 大 見 出 しがあり 中 見 出 し 小 見 出 しと 段 階 的 になっています まずは 大 見 出 し を 考 え 全 体 の 構 成 を 考 えてください 次 に 中 見 出 し 小 見 出 し の 内 容 を 決 めていきます 大 見 出 しの 内 容 を 考 えると すぐに 決 まると 思 います 中 には どこにも 属 さないコンテンツが 出 てくるかと 思 います 最 初 から 無 理 にどこかに 配 置 しようと 考 えず とりあえず 全 体 の 構 成 を 考 える ことを 優 先 させると 良 いです 最 後 に その 他 にするか 適 当 な 場 所 に 配 置 してください Copyright ナレッジコーディネーター All Rights Reserved. 6
3. 関 係 性 を 見 出 す 本 とホームページとの 違 いはリンクにあります 本 でも ページ 参 照 みたいに リンク 先 を 書 いています ホームページはクリックするとダイレクトにそのページに 移 動 できるので 簡 単 にアクセスできるので より 関 係 性 を 考 える 必 要 があります 関 係 性 が 高 いコンテンツには リンクを 貼 るようにしたいので どのコンテンツが 関 係 性 が 高 いのか 考 えることが 重 要 です 4. 制 作 範 囲 を 決 める ホームページ 制 作 会 社 には ページ 円 という 料 金 設 定 をしている 所 が 多 いので コンテンツリストの 中 でどこを 制 作 を 委 託 し どこを 削 るのか 自 作 するのか 範 囲 を 決 めてください < 注 意 > 制 作 費 用 を 抑 えようとして 一 つのページに 内 容 を 盛 り 込 み 方 がいますが あまりにも 多 くの 内 容 がつまったページは 利 用 者 にとって 何 が 書 いてある のか 分 からないコンテンツとなってしまい 結 果 として よく 分 からない という 印 象 を 利 用 者 に 与 えてしまいすぐにサイトを 離 脱 する 原 因 となります Copyright ナレッジコーディネーター All Rights Reserved. 7
3. ホームページの 機 能 要 件 を 決 める には 注 意 が 必 要 ホームページ 制 作 コンセプトの 内 容 に 基 づき 機 能 要 件 を 決 めましょう コンテンツリストを 作 ろう で 書 きましたが コンテンツリストの 作 成 を 行 うと コンテンツのイメージが 湧 いてきたと 思 います そこでホームページに 必 要 な 機 能 について 検 討 したいと 思 います < 検 討 する 価 値 のある 機 能 > 1.ビジュアル 見 た 目 に 工 夫 を 加 えるのか 検 討 します ヘッダー 画 像 やボタン そしてその 他 の 画 像 に 対 して 複 数 の 画 像 がスライド 式 (その 他 様 々)にて 次 々に 表 示 できる マウスを 画 像 の 上 に 置 くと 見 た 目 が 変 化 する クリックすると 画 像 が 変 化 する 2.ページ 更 新 / 追 加 機 能 wordpress や movable type をインストールして 簡 単 にページを 更 新 したり 追 加 することが 可 能 になります 3. 暗 号 化 通 信 個 人 情 報 を 含 む 情 報 やSNSのように 閉 鎖 的 な 環 境 を 作 り 出 したい 時 に 使 用 し ます 主 なケースは Copyright ナレッジコーディネーター All Rights Reserved. 8
問 合 せページ SNS(ユーザーページ 含 む) 決 済 ページ 4.ページや 記 事 の 自 動 表 示 ホームページ 内 部 のコンテンツや 外 部 のコンテンツを 特 定 のページにタイトル 等 一 部 を 表 示 する 主 なケースは ブログ 記 事 タイトルのフィード 関 連 コンテンツの 表 示 facebook や twitter のフィード 5.SNS 連 携 上 記 4の 対 応 を 行 う 際 には 必 要 な 機 能 6.レスポンシブ 対 応 スマートフォンやタブレット 等 PCディスプレイ 以 外 の 画 面 表 示 を 考 慮 した HP 制 作 方 法 大 きさの 異 なるデバイスでも 使 いやすい 画 面 表 示 を 図 るもの 7.コメント 利 用 者 がコンテンツに 対 してコメントを 残 すことができる 機 能 Copyright ナレッジコーディネーター All Rights Reserved. 9
< 機 能 を 決 定 する 際 に 必 要 な 考 え 方 > HP 制 作 コンセプトを 実 現 するため というのは 大 前 提 としてありますが それ 以 外 に 特 に 注 意 することを 書 きます 〇 費 用 対 効 果 を 考 えること 機 能 追 加 は 無 料 ではありません それぞれの 対 応 に 費 用 が 発 生 することがあります 〇 全 体 のバランスを 考 えること 特 にビジュアル 面 の 機 能 追 加 ですが プログラムを 利 用 することで 見 た 目 が 派 手 に 変 化 できるので つい 色 々 追 加 したくなります 全 体 のバランスを 考 えずに 機 能 追 加 すると 利 用 者 にとって 分 かりにくいもの になってしまうので 注 意 が 必 要 です 〇 web サーバーの 設 定 を 考 慮 に 入 れること 機 能 を 付 加 できるかどうかは web サーバーの 設 定 に 依 存 します 契 約 したサーバーのデータベース 設 定 やPHP/CGI 設 定 そして SSL/SSH 設 定 等 をよく 確 認 しておく 必 要 があります どうしても 対 応 できない 場 合 は プラン 変 更 や 他 社 サーバーへの 乗 り 換 えを 検 討 する 必 要 が 出 てきます Copyright ナレッジコーディネーター All Rights Reserved. 10