WEBサイトのコンセプトの意味と作成方法を分かりやすく解説

WEBサイトの「コンセプト」の意味を、WEB担当者が正確に理解しておくことはとても大切です。

オンライン上に存在するWEBサイトの総数は１７億以上（２０１９年９月時点）。

数あるWEBサイトの中から自社のWEBサイトを選んでもらうためには、コンセプトの打ち出しは絶対に欠かせません。

しかし、WEBサイトのコンセプトとなると次のようなことでお困りではないでしょうか？

これらの悩みにお答えしていきます。

本記事では、WEBサイトのコンセプトの意味や目的が理解できるようになり、実際にWEBサイトを作るところまで進められる方法をお伝えしていきます。

WEBサイトのコンセプトとは？

WEBサイトのコンセプトとは何か。通常コンセプトと言うと「概念」という意味合いを持っており、実に分かりにくいものです。ここでは、WEBサイトのコンセプトを次のように定義します。

WEBサイトでコンセプトがあると、関連情報やデザインにまとまりが生まれます。そうなると、WEBサイトに訪問したターゲット読者はWEBサイトを巡回する可能性が高くなります。

巡回する数が増えれば、ターゲット読者とのエンゲージメント（関係性）の向上に繋がるため、事業の目的達成するまでが早くなります。

例えば、経済メディアのNewsPicksのコンセプトはこうです。

「News is not always black and white. (1つのニュースでも人によって多様な捉え方がある)」

NewsPicksは、ニュース記事だけではなく、業界内外の有識者がコメントをしていて、様々な観点からニュースを見ることができるように設計されています。

マスメディアからの一方通行な情報発信ではなく、有識者を巻き込むことで「経済を面白くする」という世界観を感じられるのではないでしょうか。これが「コンセプト」です。

【例】コンセプトのあるWEBサイトの特徴

WEBサイトのコンセプト作成手順

ここからは、WEBサイトの作成手順を解説していきます。WEBサイトの制作は次のステップで進めていきます。

それでは、ステップ１〜ステップ６までを順番に見ていきましょう。

【ステップ１】目的・ゴールを決める

WEBサイトを何の目的で制作するのかを明確にしておきます。ここで認識がズレてしまうと、部門間や担当者間で方向性がバラバラになってしまうので注意が必要です。

【例】WEBサイトの目的・ゴール

WEBサイトの目的・ゴールが決まったら、競合サイトの戦略・戦術のリサーチや、ターゲットを決めていきます。

【ステップ２】競合リサーチする

競合のリサーチをしていきます。ここでは、自社が狙う「キーワード」が検索エンジン（Google・Yahoo）で表示される競合サイトを探します。

例えば、自社で「TOEIC教材」を販売することを目的とするWEBサイトを立ち上げる場合、「TOEIC」に関連するキーワードで１０位以内（１ページ目）に表示される競合サイトを見つけて分析していきます。

調査する競合サイトは、月間検索数が１,０００件以上のキーワードだけで問題ないです。

競合サイトの情報を下記のようにエクセルなどでまとめていきましょう。この作業はかなり気合がいることは先にお伝えしておきます…。ですが、リサーチで手を抜くと後で痛い目を見るのでしっかりやることをオススメします。

【例】競合サイトでリサーチする情報

いずれの情報もWEBサイトに記載されていないと思うので、リサーチする人の感性でOKです。書いてるコンテンツ内容などから、おおよそ推測できるようになります。

【ステップ３】ターゲット読者を決める

WEBサイトで訪問して欲しいターゲット読者を決めていきます。

先ほどの「TOEIC教材」であれば、ざっくり次のようなターゲット読者は考えられます。

前者であれば、学生生活に関するお得な情報も届けることができますし、後者であればキャリアップに繋がる情報を届けることも可能です。

それぞれターゲット読者を誰にするかによって、WEBサイトを通して届けるメッセージが変わってくることがわかります。

【ステップ４】提供コンテンツを検討する

次はWEBサイトに訪問するターゲット読者へ何を提供していくのかを検討していきます。

ここでいうコンテンツは次のようなものです。

要するにターゲット読者のWEBサイトで「行動」を決める作業です。WEBサイトの目的を達成するためには、「何」があれば達成可能になるのかを検討していきます。

【ステップ５】コンセプトを文字で表現する

コンセンプトを２０文字前後で表現していきます。

コンセプトの作り方は、魅力的なコンセプトの作り方【全６ステップの具体的手順を解説】に詳しく書いていますので、どうぞご覧ください。

コンセプトが決まると、提供コンテンツも「こういうのあった方がいいなぁ。これはいらないかもなぁ。」と思い付くことも多々あります。

この段階であれば工程は戻っても全然OKですので、必要なコンテンツを見直していきましょう。

【ステップ６】WEBデザインを決める

最後にWEBデザインを決めていきます。

実際にWEBサイトの最終形は「ワイヤーフレーム」で検討していくため、ここでは方向性さえ決められればOKです。（どこまで決めるかは担当者によって違います）

WEBサイトのデザインと言っても、いくつかパーツがあります。

【例】WEBサイトのデザイン

などなど・・・です。例えば、メインカラーはシンボルカラーの「赤」にしよう！といった感じで進めていきます。

このあたりはWEBデザイナーやWEBサイト製作会社の仕事領域ですね。簡単なのは個人レベルでも作れますが、こだわるなら「餅は餅屋」かなと思います。

WEBサイトは事業戦略全体で考える

WEBサイト制作は、事業での「目的達成」するための手段の１つに過ぎません。観るのはWEBサイトだけではなく、関連要素とのバランスを考えながら制作を進めていきましょう。

【例】関連要素

企業のブランド戦略で考えると、顧客との接点には「一貫性」を持たせる必要があります。

例えば、自社の商品・サービスは「高級感」のあるイメージで販売したいのにも関わらず、WEBサイト側が「親しみやすさ」を前面に出してしまうと矛盾が生じます。

これでは駄目ですね。。

事業戦略とWEBサイトが一貫性を持たせられるように、担当者同士や部門間で認識をすり合わせるようにしてください。

そのためには、自社のポジショニングを確認するのが一番手取り早いですね。通常は、ポジショニングからマーケティング戦略を展開しているはずなので。

ポジショニングの意味や目的は、ポジショニングの意味と目的とは？【初心者向けに分かりやすく解説】で詳しくご紹介しています。

事業戦略を忠実に再現している企業

論より証拠です。事業戦略と一貫性のあるWEBサイトを運営している有名ブランド企業を２社を簡単にご紹介します。

「あくまで有名ブランド企業だからな…」ではなく、本質的な学べる部分はありますので、いいところは真似ていってくださいね。

世の中には、思わず引き込まれるようなWEBサイトがたくさん存在します。そのようなWEBサイトを見つけたら、ブックマークなどして保存するのがお勧めです。

ハーゲンダッツ

ハーゲンダッツのWEBサイトはこちら。商品コンセプトが「大人の高級アイスクリーム」ですので、WEBサイトも派手なデザインは使わずに設計されているように感じます。

（出典元：ハーゲンダッツ公式サイト）

アップル

アップルのWEBサイトはこちら。アップル社は商品から店舗・商品まで、すべてにおいて「シンプル」を追求しているブランドです。

WEBサイトも「シンプル」にこだわったデザインになっています。

（出典元：アップル公式サイト）

コンセプトが決まったら、実際にWEBサイトを制作してみよう

WEBサイトのコンセプトを一通りお伝えしました。

具体的にアウトプットを作るところまでの手順を書きましたので「WEBサイトのコンセプトって何？」という漠然とした状態からは脱却できたと思います。

WEBサイトのコンセプトが決まったら、「あとは、ひたすらアウトプットのために作業するべし！」です。

なお、WEBサイトは、通常、次の２パターンで製作します。

本サイトはCMSで製作しており、WEBサイトをこれからスタートアップで始める場合は、CMSがオススメです。ご参考までに。