うんと楽しくなるホームページの作り方がこれ！『コンセプトダイアグラムとは？』

今回は、いろいろあるホームページの作り方でも、特に楽しい「コンセプトダイアグラム」という方法を紹介します。

コンセプトダイアグラムを利用すれば、自分のホームページに必要なコンテンツや機能を、もっと楽しく、そして正確に知ることができます。ホームページ作成前の準備や改善方法を見つけるときに、ぜひ今回の記事を参考に、コンセプトダイアグラムを作ってみてください！

コンセプトダイアグラムとは？

コンセプトダイアグラムは、こんな絵（図？）を描きながら、ホームページに必要なコンテンツや機能を見つける方法です。ホームページにアクセスするお客さんが、どんなふうにサイト内のコンテンツを巡り、最終的にお問い合わせや注文まで辿り着くのかを、お客さんの気持ちの変化も含めて整理することができます。

完成した絵を見ると、一目でサイトの全体像を把握することができます。コンセプトダイアグラムを描いていく作業自体が楽しいので、ホームページの作り方に悩み、「何をどうすればどこから手をつければ良いのか？」と頭を悩ませている人に特にオススメです！

ある行政書士さんのお話

実際にコンセプトダイアグラムの作り方を説明する前に、今回の記事でコンセプトダイアグラムを話題にしようと思ったきっかけを紹介します。ちょっと長くなるので、手っ取り早く作り方を知りたい人はすっ飛ばしてください。

きっかけは、つい先日立ち上げに関わらせていただいた行政書士さんのホームページです。

ホームページを制作するときはいつもクライアントさんに色々ヒアリングするところから始めます。それで、まず最初に「ホームページで提供したい業務は何ですか？」と尋ねてみたら、その答えが・・・

会社設立・記帳会計・相続・遺言・許認可業務・建設業許可申請・飲食店営業許可申請・自動車登録・車庫証明・契約書作成・・・・・・

多すぎ(*´ｪ`*)！！！

そもそも会社設立を予定してる人が相続関係の情報を集めているとは思えませんし、同じ許可申請でも建設業と飲食業を同時に始めようとしてる人は少ないはずです。

こんなふうに異なる客層を同時にターゲットにしてしまうと、必要なコンテンツを絞りきれなくなります。またSEOやリスティング広告による集客を考えたとき、キーワードも絞り切れなくなって困ってしまいます。

それに色々な業務を扱うことでサイトの専門性が低くなり、お客さんに与える信頼感を下げることにもつながります。例えば、一方はざっくばらんに雑多な業務を扱うナンデモ屋さん、もう一方は相続について徹底的に特化した専門サイト。お客さんはいうまでもなく後者の専門サイトの方を頼るはずです。

これはホームページの作り方について詳しい人にとっては当たり前の話ですが、この行政書士さんのような、今回が初めてのホームページという初心者さんにとっては、いまいちピンとこない話なんですよね。

それで、コンセプトダイアグラムを描いてあげました。

まずはサイトのコンセプトを決めるところから始めました。次にターゲットを絞ります。そしてサイトに必要なコンテンツや機能を整理しながら、絵にしていきます。それを見ながら行政書士さんは「なるほどねー」と納得してくれました。

コンセプトダイアグラムは、制作側からクライアントさんへ言葉だけではなかなか伝わりにくい「ターゲットを絞ることの重要性」や「サイトに必要なコンテンツと機能」を楽しく理解してもらえるコミュニケーションの手段にもなるんですね！

というわけで、やっとこさコンセプトダイアグラムを作る手順です。

コンセプトダイアグラムの作り方

それでは今から実際にコンセプトダイアグラムを作っていきましょう。手順は以下の通りです。

• 1.サイトのコンセプトを決める
• 2.ターゲットを分類する
• 3.描く！

今回の例として、行政書士さんに描いたコンセプトダイアグラムを取り上げられれば良かったのですが、あいにく守秘義務がありまして。だから自分が身を置く業界の「ホームページ作成業者」のサイトを例にして話を進めます。ホームページ制作を受注するためのサイトとイメージしてください。フリーのウェブデザイナーさんにも参考になると思います。では、コンセプトダイアグラムを作っていきます！

1.サイトのコンセプトを決める

コンセプトダイアグラムを作る前に、まずはサイトのコンセプトを決めなければなりません。「このサイトは誰に何を提供するのか？」ということを決めましょう。できるだけ一言で言い表せるものにします。もし難しいなら以下の「5W2H」を、それぞれ絞り込んでみるといいですよ。

今回の例では、「自分で更新できるホームページを低価格で作成してあげる」というコンセプトに決めました。

2.ターゲットを分類する

サイトのコンセプトを明確にしたら、次はターゲットを決めます。サイトにやってくるお客さんを分類していきましょう！

先ほどの5W2Hで考えた「Who」にあたる内容を今度は絞るのではなく分類します。分類する方法は年齢や性別など色々ありますが、今回は性格で分類してみました。

以下、ブタやらウサギやら文字にするとバカバカしいですが、性格による分類はサイト内におけるお客さんの行動を掴むのに非常に役立つ分類方法ですよ。試してみてくださいね。

3.描く！

ターゲットを分類したら実際にコンセプトダイアグラムを描いてみましょう！描いていく方法にも色々ありますが、一つの例として「サイトの入口から出口までお客さんが辿る道のり」を描く方法を紹介します。次の4つを描いていきます。

• 1. お客さんがサイトに訪れるきっかけ（今回の例：検索エンジン）
• 2. お客さんにとってのサイトのゴール（今回の例：お問い合わせフォーム）
• 3. お客さんに見せるべきコンテンツ（今回の例：料金表）
• 4. お客さんがサイトを去ったり次のページへ行く分岐点（今回の例：気持ちの変化）

それでは、「自分で更新できるホームページを低価格で作ってあげる」サイトのコンセプトダイアグラムを、それぞれの性格に当てはめて実際に描いてみます！

せっかちブタのコンセプトダイアグラム

せっかちブタは、今すぐにでも商品を手に入れたいと焦っている人です。お店をオープンする日が目前に迫っていて、サイトもそれまでに間に合わせたいと急いでいます。予算も明確に定まっていて、値段と出来上がるサイトの質が分かれば、今すぐにでも申し込みたいと思っています。

それでは、せっかちブタをサイトに訪れたところから追いながら、どんなコンテンツや機能が必要なのか、せっかちブタの気持ちの分岐も含めて見てみましょう。

ぐうたらウサギのコンセプトダイアグラム

ぐうたらウサギは、欲しい商品はあるけど特に自分から動いて手に入れようとはしない人です。最近、実店舗の売上が減ってきたので新たな販路確保のためサイトが必要だなー、と思ってます。でも、パソコンがあまり得意でなく、いちいち調べるのもめんどくさいなーと思っています。

じっくりモンキーのコンセプトダイアグラム

じっくりモンキーは、欲しい商品についてじっくり情報を集めてから購入する人です。
サイトを立ち上げてビジネスを起こしたいと考えてますが、急いでいるわけでもなく、今は情報収集を優先しています。

ばっちりライオンのコンセプトダイアグラム

完璧主義者ともいえ、欲しい商品を購入するまでの過程において一切抜かりがない人です。
サイトの必要性に迫られ制作会社を探していますが、決して急いではおらず情報収集をしっかり行い、完璧なサイトを作るために色々なウェブ制作会社のサイトを比較し、一切の妥協を許しません。

まとめ

さて、いかがでしたか？ 普段とは少し違うホームページの作り方だと思いますが、楽しめましたか？

紹介したコンセプトダイアグラムは、サンプル用としてかなり簡単に描きました。本来はもっとサイトのターゲットごとに細かく、どんなコンテンツと機能を用意すればいいかを描きこんでいきます。

コンセプトダイアグラムを作る過程では、お客さんがサイトを訪問するきっかけも具体的にイメージできます。それによって、集客経路としてどこに力を注げば良いのか把握できますね。

「せっかちブタ」をメインターゲットして狙うなら、ブタが使いそうな検索キーワードを予測してSEOやリスティング広告に力を注ぐ、みたいな感じです。

「ぐうたらウサギ」のような、ネットをあまり利用しない客層を狙う場合は、サイト訪問のハードルをできるだけ低くするよう工夫し、アクセスからお問い合わせまでサイト内の経路もシンプルにしておくことが求められます。

「じっくりモンキー」や「ばっちりライオン」の情報収集熱はすごいです。彼らをターゲットにするなら、情報価値が高い良質なコンテンツが必要です。SNSでの評判や認知度を高める工夫も一緒に重要です。

こんなふうに一つのサイトでも、ターゲットにするお客さんの性格によって、どんなふうに集客してどんなコンテンツを見せればいいか異なってくるのですね！ それを楽しみながら把握できるのが、コンセプトダイアグラムです。ぜひぜひ試してみてください！