第3章

(1)

第 3 章

ホームページ制作

企画

(2)

1. 制作コンセプトを決める

ホームページ制作で最も重要なことは、「ホームページ制作のコンセプトを決めること」です。店舗を持ち商売をしている方はこだわりを持って店舗を建てたことだと思います。ホームページも同じです。ポリシーやコンセプトがなく立ち上げたホームページは魅力がないのは当たり前なのです。

＜コンセプトが明確であると良いことがあります＞

・一目で他社との違いを利用者が気づきます。・こだわりを持って仕事をしているという印象を抱きます。・同業他社よりも検索結果が上位に表示されやすい。・来店してほしい、ホームページに来てほしい人が集まりやすい。

＜ポイント＞

立ち上げてから考えるのではなく、立ち上げる前に十分に検討することが必要だと思います。特に全国の同業他社と競争する可能性があるので、なおさら「制作コンセプト」を明確にしておく必要があるのです。

(3)

コンセプトのあるＨＰは目立ちます

＜コンセプトがないと困ることがあります＞

・ホームページを見ても印象に残らない。・３秒以内で利用者が去ります。・デザインやフラッシュ等の機能にこだわっても驚きはあっても好感につながらない。・制作や集客のために費用を投じても効果が薄い。

(4)

ホームページ制作コンセプトを作るためには最低でも下記のことをクリアしている必要があります。１．利用者を具体的にイメージできていること２．商品／サービス、そして事業者の強みを発揮できていること３．事業機会を捉えた的を得ていることナレッジコーディネーターの web 戦略コンサルティングでは、特にこのプロセスにこだわりをもって仕事をしています。

＜ポイント＞

時間をかけても納得のいくコンセプトを考えることが、成功への近道です。

(5)

2. コンテンツリストを作ろう

ホームページ制作コンセプトを決めた後は、「コンテンツリスト」を作りましょう。コンテンツリストというのは、ページ一覧だけでなく、その関係性も表すものです。ブログのテーマも一種のコンテンツリストになっています。＜ブログテーマ＞

(6)

＜コンテンツリストを決めるには＞

１．ホームページ制作コンセプトを忘れないこと

コンテンツの内容を考えていると、いつの間にかボリュームがどんどん増えてきて、まとまらなくなった結果、参考サイトを見て無難な形に落ち着くことがあります。一見、無難にまとまっていますが、全くホームページ制作コンセプトを表現できていないものになってしまう可能性があります。それでは、せっかく考えたコンセプトが台無しになってしまいます。

２．本の目次を参考にリスト化してください

本の目次を見てください。大見出しがあり、中見出し、小見出しと段階的になっています。まずは、「大見出し」を考え全体の構成を考えてください。次に、「中見出し」、「小見出し」の内容を決めていきます。大見出しの内容を考えると、すぐに決まると思います。中には、どこにも属さないコンテンツが出てくるかと思います。最初から無理にどこかに配置しようと考えず、とりあえず全体の構成を考えることを優先させると良いです。最後に、その他にするか、適当な場所に配置してください。

＜ポイント＞

最初から最後までホームページ制作コンセプトの内容を表現できているのか、チェックする必要があります。

(7)

３．関係性を見出す

本とホームページとの違いはリンクにあります。本でも○○ページ参照みたいに、リンク先を書いています。ホームページはクリックするとダイレクトにそのページに移動できるので、簡単にアクセスできるので、より関係性を考える必要があります。関係性が高いコンテンツには、リンクを貼るようにしたいので、どのコンテンツが関係性が高いのか考えることが重要です。

４．制作範囲を決める

ホームページ制作会社には、「○○ページ△△円」という料金設定をしている所が多いので、コンテンツリストの中でどこを制作を委託し、どこを削るのか、自作するのか、範囲を決めてください。

＜注意＞

制作費用を抑えようとして、一つのページに内容を盛り込み方がいますが、あまりにも多くの内容がつまったページは、利用者にとって何が書いてあるのか、分からないコンテンツとなってしまい、結果として「よく分からない」という印象を利用者に与えてしまいすぐにサイトを離脱する原因となります。

(8)

3. ホームページの機能要件を決める

には注意が必要

ホームページ制作コンセプトの内容に基づき、「機能要件」を決めましょう。「コンテンツリストを作ろう」で書きましたが、コンテンツリストの作成を行うと、コンテンツのイメージが湧いてきたと思います。そこでホームページに必要な機能について検討したいと思います。

＜検討する価値のある機能＞

１．ビジュアル

見た目に工夫を加えるのか検討します。ヘッダー画像やボタン、そしてその他の画像に対して・複数の画像がスライド式（その他様々）にて次々に表示できる・マウスを画像の上に置くと見た目が変化する・クリックすると画像が変化する

２．ページ更新／追加機能

wordpress や movable type をインストールして、簡単にページを更新したり、追加することが可能になります。

３．暗号化通信

個人情報を含む情報やＳＮＳのように閉鎖的な環境を作り出したい時に使用します。

(9)

・問合せページ・ＳＮＳ（ユーザーページ含む）・決済ページ

４．ページや記事の自動表示

ホームページ内部のコンテンツや外部のコンテンツを特定のページにタイトル等一部を表示する。主なケースは、・ブログ記事タイトルのフィード・関連コンテンツの表示・ facebook や twitter のフィード

５．ＳＮＳ連携

上記４の対応を行う際には必要な機能。

６．レスポンシブ対応

スマートフォンやタブレット等、ＰＣディスプレイ以外の画面表示を考慮したＨＰ制作方法。大きさの異なるデバイスでも使いやすい画面表示を図るもの。

７．コメント

(10)

＜機能を決定する際に必要な考え方＞

「ＨＰ制作コンセプトを実現するため」というのは大前提としてありますが、それ以外に特に注意することを書きます。〇費用対効果を考えること機能追加は無料ではありません。それぞれの対応に費用が発生することがあります。〇全体のバランスを考えること特にビジュアル面の機能追加ですが、プログラムを利用することで見た目が派手に変化できるので、つい色々追加したくなります。全体のバランスを考えずに機能追加すると、利用者にとって分かりにくいものになってしまうので注意が必要です。〇web サーバーの設定を考慮に入れること機能を付加できるかどうかは、web サーバーの設定に依存します。契約したサーバーのデータベース設定やＰＨＰ／ＣＧＩ設定、そして SSL／SSH 設定等をよく確認しておく必要があります。どうしても対応できない場合は、プラン変更や他社サーバーへの乗り換えを検討する必要が出てきます。