ホームページのコンセプトの決め方 サイト全体を貫く判断基準の作り方

先日、Q&Aサイトでこのような切実な悩みを拝見しました。「ホームページを作り直すことになり、コンセプトを決めましょうと制作会社から言われました。ですが、コンセプトと言われても何を決めればいいのか分かりません。理念やキャッチコピーとは違うのでしょうか。適当に決めて進めていいものか、ここで止まってしまっています」。作り直しの入口で、最初の一歩が踏み出せずにいる様子でした。

この悩みは、ホームページを作る9割の中小企業が同じ場所でつまずく罠です。コンセプトという言葉は、なんとなく大切そうに聞こえるのに、中身がつかみにくい。そのまま曖昧にして進めると、デザインも文章も写真もそれぞれの担当が良かれと思って作り、出来上がったサイトは全体としてまとまりを欠きます。見た目は整っているのに、なぜか問い合わせが来ない。その根っこに、空白のままのコンセプトがあります。この記事では、コンセプトとは何かを言葉にし、その決め方と、サイト全体への反映のさせ方までを順にお伝えします。読み終えたとき、あなたのサイトで最初に手を入れる場所が一つ決まっているはずです。

ホームページのコンセプトとは何か

ホームページのコンセプトとは、そのサイト全体を貫く一本の判断基準です。誰に向けて、何を約束するサイトなのか。この一文が、コンセプトの正体です。サイトを作る過程では、色をどうするか、どんな写真を使うか、どの言葉を見出しにするか、メニューをどう並べるか、無数の小さな判断が続きます。その一つひとつを迷わず決めるための物差しが、コンセプトです。

物差しがあると、判断がぶれません。この写真はコンセプトに合っているか、この言葉は約束した相手に届くか。すべての判断が、たった一つの基準に照らして下せます。逆に物差しが無いと、判断のたびに好みや思いつきが入り込み、担当者ごとにばらばらの方向へ進みます。出来上がったサイトは、一枚ずつは悪くないのに、全体では何を言いたいのか伝わらないものになります。

Googleが公表しているサイト運営の指針でも、検索で成果を出すには、まず誰のために作るのかをはっきりさせることが繰り返し説かれています。技術的な小細工より、届けたい相手を定めて役立つ内容を用意することが土台になる、という考え方です。コンセプトを決める作業は、この土台をサイトの一番下に据える作業にあたります。軸が定まっていれば、その上に積むデザインも文章も、同じ方向を向いて力を合わせます。

現場でよく聞くのが、こんな声です。「各ページは頑張って作ったのに、全体を通して見ると、うちが何屋で誰のための会社なのかが伝わらないと言われました」。これは、コンセプトという一本の軸が無いまま、部分ごとに作った結果です。部分の足し算は、全体の一貫性を生みません。全体を貫く軸を先に立ててから、各部分をその軸に沿わせる。この順番が、伝わるサイトをつくります。

サイトの状態	いま起きていること	次にすること
コンセプトが空白	判断の物差しが無く担当ごとにぶれる	誰に何を約束するかを一文で決める
各ページを個別に作った	部分は整うが全体でまとまらない	軸を立ててから各部分を沿わせ直す
理念やキャッチコピーと混同	飾りの言葉だけあり判断に使えない	判断の基準として使える一文にする
見た目は整うのに反応が無い	相手が自分ごととして受け取れない	約束する相手を一人に絞り込む

コンセプトと目的は別物

コンセプトを決めようとすると、多くの人が目的とごちゃ混ぜにします。この2つは、似ているようで役割が違います。目的は、何のためにサイトを作るのかです。問い合わせを増やす、採用の応募を集める、資料請求を得る。これは、サイトが達成したいゴールです。一方コンセプトは、そのゴールに向かうために、誰に何を約束するのかという軸です。

目的だけあってコンセプトが空白だと、ゴールは分かっているのに、そこへ向かう道筋が定まりません。問い合わせを増やしたいという目的は言えても、誰からの問い合わせを、どんな約束で増やすのかが決まっていなければ、サイトの中身は作れません。目的は行き先、コンセプトはその行き先へ向かう一本の道です。両方そろって初めて、サイトは動き出します。

この区別があいまいだと、打ち合わせでよくすれ違いが起きます。制作側がコンセプトを尋ねているのに、依頼側は目的を答える。問い合わせを増やしたいですと答えても、それは目的の話で、コンセプトの答えにはなっていません。まず自社の目的をはっきりさせ、その上で、その目的を果たすために誰に何を約束するかを言葉にする。この順で考えると、2つが混ざらずに整理できます。

目的とコンセプトを分けて持つと、成果の測り方もはっきりします。問い合わせが増えたかどうかは目的の達成度で、その問い合わせが狙った相手からのものかどうかはコンセプトの効き目です。数だけ増えても、狙っていない相手ばかりなら、コンセプトはまだ的を外しています。2つを分けて見ることで、どちらに手を入れるべきかを取り違えずに済みます。

比べる点	目的	コンセプト
答える問い	何のために作るのか	誰に何を約束するのか
役割	サイトが達成したいゴール	ゴールへ向かう一本の軸
例	問い合わせを増やす	設備の入れ替えに悩む工場長へ止まらない生産を約束する
これが空白だと	作る理由が分からず力が入らない	判断がぶれてサイトがまとまらない

コンセプトが空白だと起きること

コンセプトを決めないままサイトを作ると、目に見える形で不具合が現れます。デザイン、文章、写真、導線。サイトを構成するどの要素も、判断の物差しを失って、それぞれの担当の好みや思いつきで作られます。一つずつは良く見えても、集まると方向がばらばらで、訪れた人はどこを見ればいいのか分からなくなります。

なぜ全部がぶれるのか

ぶれの根っこは、判断の基準が一つに定まっていないことにあります。基準が無い場所では、それぞれの担当が自分なりの良さを追い、その良さが互いに噛み合いません。デザインの担当は美しさを、文章の担当は情報の多さを、それぞれ良かれと追った結果、全体では方向がばらけます。悪気は誰にもありません。共通の物差しが無いことが、静かに全体を崩していきます。コンセプトという一文は、この崩れを根っこから防ぎます。

デザインがぶれる

コンセプトが無いと、デザインは見た目の好みで決まります。落ち着いた色がいい、いや華やかな方がいい。担当者や決裁者の好みがぶつかり、まとまりません。約束する相手が決まっていれば、その人に届く色や雰囲気が自然に決まります。堅実さを求める工場長に向けるなら落ち着いた色、感性を大切にする層に向けるなら洗練された雰囲気。相手が物差しになると、デザインの議論が好みの言い合いから抜け出せます。

文章がぶれる

文章も、コンセプトが無いと自社の言いたいことの羅列になります。うちはこんな技術がある、こんな歴史がある、こんな設備がある。書き手は誠実に書いているのに、読み手にはどれも自分ごとに響きません。約束する相手と、その人への約束が決まっていれば、文章はすべてその約束を裏づける方向に向かいます。言いたいことを並べる文章から、相手の得を語る文章へ変わります。

写真がぶれる

写真の選び方も、コンセプトが基準になります。基準が無いと、かっこいい素材や、なんとなく良さそうな風景が並び、どこの会社のサイトでも見かける無個性なものになります。約束する相手が決まっていれば、その人が自分の状況を重ねられる写真を選べます。実際の現場、実際の人、実際のやり取り。相手が自分ごととして見られる一枚が、約束を後押しします。

導線がぶれる

訪れた人をどこへ導くか、という導線も、コンセプトに沿って決まります。基準が無いと、あれもこれも見てほしいとリンクを増やし、訪問者はどこへ進めばいいのか迷います。約束する相手と、その人に取ってほしい行動が決まっていれば、導線はその行動へ向けて一本に整理できます。迷わせない導線は、コンセプトという軸があって初めて引けます。

要素	コンセプトが空白だと	コンセプトがあると
デザイン	好みのぶつかり合いで決まらない	約束する相手に届く雰囲気に定まる
文章	自社の言いたいことの羅列になる	約束を裏づける方向にそろう
写真	無個性な素材が並ぶ	相手が自分を重ねられる一枚を選べる
導線	リンクが増えて訪問者が迷う	取ってほしい行動へ一本に整理される

コンセプトの決め方

コンセプトは、次の4つの問いに答えることで形になります。誰に向けるのか。その人はどんな悩みを抱えているのか。その人に何を約束するのか。なぜその約束を自社ができるのか。この4つが言葉になれば、それを一文にまとめたものが、あなたのサイトのコンセプトです。順番に見ていきます。

誰に向けるかを一人に絞る

まず、サイトを届けたい相手を絞ります。広く万人に向けるほど、コンセプトはぼやけます。業種、規模、役割、抱えている悩みまで具体化し、たった一人の顔が浮かぶところまで絞り込みます。中小企業の経営者では広すぎます。設備の老朽化で生産が止まるのを恐れている工場長、というところまで絞ると、その人に向けた言葉が決まっていきます。

一人に絞る不安を越える

相手を一人に絞ると、その他の人を切り捨てるようで不安になります。実際には逆のことが起こります。一人に深く語りかけたサイトほど、似た悩みを持つ多くの人が、これは自分のことだと受け取ります。全員に向けた薄い言葉は、結局誰の心にも届きません。絞ることは客を減らす行為に見えて、実は届く人を増やす行為です。まずは一番助けたい一人を思い浮かべます。

その人の悩みを言葉にする

相手が決まったら、その人が夜も眠れないほど気にしている悩みを言葉にします。想像で埋めず、実際にお客様が口にした言葉を拾います。問い合わせフォームの相談文、初回の打ち合わせで漏れた本音の中に、悩みを言い当てる表現が眠っています。この悩みが、コンセプトの出発点になります。悩みが具体的なほど、約束も鋭くなります。

悩みを言葉にするときは、困っている場面まで具体的に描きます。ただ不安ですと書くより、どんな場面で、何を思い、どう困るのかまで踏み込みます。夜中に設備が止まる連絡が来ないか気が気でない、朝いちばんに稼働状況を確かめてからでないと落ち着かない。ここまで場面が描ければ、その場面を消す約束が、そのまま鋭いコンセプトになります。悩みの解像度が、約束の解像度を決めます。

何を約束するかを決める

悩みが言葉になったら、それをどう解決するのかを約束にします。約束は、機能の説明ではありません。相手の悩みが解決したあとの景色を、相手の言葉で描いたものです。止まらない生産を約束します、応募が集まる採用を約束します。相手が手に入れる状態を言い切ると、それが約束になります。この約束が、サイト全体を貫く軸の中心です。

なぜ自社かを言えるようにする

最後に、その約束をなぜ自社が果たせるのかを言葉にします。同じ約束は、他社も掲げているかもしれません。そこで、自社ならではの理由を添えます。長年その業界だけを見てきた、特定の設備に強い、現場に何度も足を運ぶ。この理由が、約束に裏づけを与え、他社と同じ言葉から抜け出す入口になります。誇張を避け、実際にやってきたことから選びます。

決める問い	弱い答え	コンセプトになる答え
誰に	中小企業の方に	設備の老朽化で生産が止まるのを恐れる工場長に
どんな悩み	いろいろな課題	いつ止まるか分からず夜も落ち着かない不安
何を約束	良い製品を提供する	止まらない生産を約束する
なぜ自社か	技術力があるから	その設備だけを二十年見てきたから

コンセプトを決める前に集める材料

コンセプトの4つの問いに答えようとして手が止まるのは、たいてい材料が足りないからです。想像で埋めようとすると、当たり障りのない言葉しか出てきません。決める前に、次の材料をそろえておくと、4つの答えが自然に立ち上がります。材料集めは地味ですが、ここに時間をかけた分だけ、コンセプトの鋭さが変わります。

お客様が選んでくれた理由を聞く

すでに取引のあるお客様に、なぜ自社を選んだのかを尋ねます。返ってくる答えの中に、自分たちでは当たり前だと思っていた強みが隠れています。値段でも近さでもなく、この対応が決め手だったと言われて初めて気づく強みは多いものです。この声が、なぜ自社かという問いへの、飾りのない答えになります。

問い合わせの言葉から悩みを拾う

問い合わせフォームや相談の場でお客様が使った言葉を集めます。専門用語に翻訳する前の、生の悩みの言い回しがそこにあります。この言葉をそのまま約束の一文に生かすと、同じ悩みを持つ人が自分ごととして受け取ります。想像で作った悩みより、実際に発せられた言葉のほうが、はるかに強く刺さります。

自社が断ってきた仕事を思い出す

意外な材料が、これまで断ってきた仕事です。自社が受けなかった依頼を並べると、自社が本当に向き合いたい相手の輪郭が浮かびます。何でも引き受けてきた会社ほど、この線引きがあいまいで、コンセプトも絞れません。誰に向けないかを決めることは、誰に向けるかを決めることと同じ強さで、軸を鋭くします。

制作会社にコンセプトを丸投げすると起きること

コンセプトを自分で決めるのは難しいからと、制作会社に任せてしまう人がいます。ところが、コンセプトの中身を一番よく知っているのは、あなた自身です。あなたのお客様がどんな言葉で悩むか、なぜ自社を選んでくれたのか、これを制作会社があなた以上に知っていることはありません。丸投げすると、制作側は当たり障りのない一般的なコンセプトを埋めるしかなくなります。

当たり障りのないコンセプトからは、当たり障りのないサイトしか生まれません。どこの会社にも当てはまる言葉で作られたサイトは、誰の心にも刺さりません。制作会社が得意なのは、決まったコンセプトを最も伝わる形にすることです。コンセプトそのものは、依頼する側が握る。この役割分担が、丸投げの落とし穴を避けます。自分たちで軸を決め、その表現を任せるのが正しい順番です。

自分たちで軸を決めると言うと、難しく身構えてしまうかもしれません。立派な言葉をひねり出す必要はありません。お客様から聞いた選ばれた理由と、実際の悩みの言葉。この材料さえ手元にあれば、あとはそれを4つの問いに当てはめるだけです。制作会社には、その素材をどう見せるかを相談する。素材は自社、見せ方は専門家という分担にすると、丸投げにも他人任せにもならず、自社らしいサイトが仕上がります。

もう一つ起きやすいのが、打ち合わせが見た目の話に流れることです。コンセプトを飛ばして、参考サイトや色の好みから話が始まると、そのままデザインだけが決まっていきます。軸の無いまま見た目を積み上げても、前に述べたようにすべての要素がぶれます。打ち合わせの最初に、誰に何を約束するサイトなのかを共有しておくことが、後の工程すべてを支えます。

コンセプトを一文にする

4つの問いに答えたら、それを一文にまとめます。長い企画書は要りません。「（誰に）の（どんな悩み）を、（何を約束）することで解決する。それができるのは（なぜ自社か）だから」。この型に自社の言葉を当てはめると、サイト全体を貫く一文ができあがります。この一文が、これから続く無数の判断の物差しになります。

一文にすると、関係者の目線がそろいます。デザイナーも、文章を書く人も、写真を選ぶ人も、同じ一文を見て判断できます。誰かが迷ったとき、この一文に照らせば答えが出ます。逆に、この一文に照らして判断できないものは、まだコンセプトが具体的になっていない印です。関係者に見せて、これは誰のための何のサイトかと尋ねたとき、全員が同じ答えを返せるなら、その一文は仕事をしています。

下の図は、コンセプトという一文が、サイトの各要素をどう束ねるかを表しています。中心に一文があり、そこからデザイン、文章、写真、導線が枝分かれします。中心が空白だと枝はばらばらに伸び、中心が定まると枝は同じ方向を向きます。

コンセプトをサイト全体に反映する

一文が決まったら、それをサイトのすみずみまで行き渡らせます。コンセプトは、決めて終わりの飾りではありません。トップページの見出しから、各ページの文章、写真の選び方、メニューの並びまで、すべてがこの一文に沿って作られて初めて、軸が力を持ちます。決めたコンセプトを紙に書いて貼っておき、判断のたびに立ち返るくらいでちょうどよいです。

反映のさせ方には順番があります。まずトップページの一番上、訪れた人が最初に目にする場所に、コンセプトの約束を最も短い言葉で置きます。次に、各ページの文章がその約束を裏づけているかを確かめます。写真は約束する相手が自分を重ねられるものに差し替えます。最後に、導線が約束した行動へ向かっているかを見ます。上から順に沿わせていくと、サイト全体が一つの声で語り始めます。

一度にすべてを直そうとすると、途中で力尽きます。まずトップページの一番上だけを、決めたコンセプトに沿わせてみます。ここが変わるだけでも、訪れた人が受け取る第一印象は大きく変わります。効果を確かめながら、次に各ページ、次に写真と、順に広げていくと、無理なく全体を軸に沿わせられます。全部を一度に完璧にするより、一番上から一つずつ整えるほうが、確実に前へ進みます。

決めたコンセプトを紙に貼って共有する

せっかく決めたコンセプトも、頭の中にしまったままでは働きません。一文を紙に書いて、関わる全員が見える場所に貼っておきます。判断に迷ったら、その紙を見る。この習慣が、日々の小さな判断のぶれを防ぎます。外部の制作会社と進める場合も、この一文を共有しておけば、上がってくる案が軸に沿っているかを、双方が同じ基準で確かめられます。

反映は一度で終わらせない

コンセプトの反映は、公開したら完了ではありません。運用していく中で、新しいページを足すとき、写真を差し替えるとき、そのつど一文に立ち返ります。時間が経つと、担当者が変わったり、思いつきの追加が重なったりして、少しずつ軸がぶれていきます。定期的にサイト全体を一文に照らして見直すと、ぶれを早めに戻せます。軸を守り続けることが、一貫したサイトを保ちます。

反映する場所	確かめること	沿っていないときの直し方
トップの見出し	約束が最初の一画面で伝わるか	約束を短く削って一番上に置く
各ページの文章	約束を裏づける内容になっているか	自社の自慢を相手の得に書き換える
写真	相手が自分を重ねられるか	無個性な素材を実際の現場に差し替える
導線	約束した行動へ向かっているか	関係ないリンクを減らし一本に絞る

よくある間違いとその末路

コンセプトをめぐって、中小企業がよく陥る間違いがいくつかあります。どれも良かれと思ってやることですが、結果として軸をぼやけさせます。ここでは代表的なものと、その末路を整理します。当てはまるものがあれば、そこがコンセプトを立て直す入口です。

やってしまう間違い	良かれと思う理由	実際に起きる末路
万人に向けて広げる	対象を狭めると客が減ると思う	誰にも刺さらず全員が素通りする
約束を盛りだくさんにする	強みを全部見せたい	焦点がぼやけて何も印象に残らない
かっこいい言葉で飾る	立派に見せたい	判断に使えず物差しにならない
目的だけで進める	ゴールが分かれば十分だと思う	道筋が無く各要素がぶれる

業種ごとのつまずきどころ

コンセプトという考え方はどの業種にも共通しますが、つまずく場所には業種ごとの傾向があります。自社がどれに近いかを知ると、先に手をつけるべき場所が見えます。ここでは中小企業でよく見る例を並べます。当てはまるものがあれば、そこから直すと効きます。

業種の例	つまずきやすい場所	先に直すと効く一箇所
製造業	技術の説明が中心で相手が見えない	その技術を求める相手を一人に絞る
専門サービス	幅広く対応できると広げすぎる	最も強い一つの約束に絞り込む
小売や店舗	品ぞろえの豊富さだけを掲げる	誰のどんな暮らしのための店かを約束する
建設や工事	実績の多さで信頼を示そうとする	その実績で相手が何を得るかを約束にする

よくある質問

コンセプトと理念やキャッチコピーは何が違いますか

理念は、会社が大切にする価値観です。キャッチコピーは、それを短く印象づける言葉です。コンセプトは、サイトを作るときの判断の物差しで、誰に何を約束するかという軸です。理念やキャッチコピーは飾りとして掲げるものですが、コンセプトは日々の判断に使う実務の道具です。判断に迷ったとき、これに照らして答えが出せるかどうかが、コンセプトと飾りの言葉を見分ける目安になります。

コンセプトは一度決めたら変えないものですか

基本は、一度決めたら軸として守り続けます。判断のたびに軸が揺れると、サイトはまた一貫性を失います。ただし、事業の方向が大きく変わったときや、狙う相手が変わったときは、コンセプトも見直します。見直すときも、思いつきで変えず、お客様の変化という事実にもとづいて決めます。むやみに変えず、変えるべきときにだけ根拠を持って変えるのが健全な扱い方です。

コンセプトが決まっているか自分で確かめる方法はありますか

関係者に、これは誰のための何のサイトかと尋ねてみてください。全員が同じ答えを返せるなら、コンセプトは共有されています。答えがばらつくなら、まだ言葉になっていません。もう一つの目安は、目の前の判断をその一文で下せるかどうかです。この写真は合っているか、この見出しは約束に沿っているか。一文に照らして判断できれば、そのコンセプトは実務で使える状態です。

小さな会社でもコンセプトは必要ですか

小さな会社ほど必要です。大きな会社は広告や知名度で不足を補えますが、小さな会社は一本の軸の鋭さで勝負します。万人に薄く向けるより、狙った一人に深く刺さるサイトのほうが、限られた力で成果を出せます。コンセプトを絞ることは、対象を減らすことのように見えて、実は限られた資源を一点に集める戦い方です。規模が小さいほど、この一点集中が効きます。

大きな会社と同じように、幅広く何でもできますと見せようとすると、小さな会社は埋もれます。資源が限られているからこそ、一つの相手の一つの悩みに、誰よりも深く応えられる会社だと打ち出す。その一点で選ばれれば、そこから信頼が広がります。コンセプトは、小さな会社が大きな会社と同じ土俵で戦わずに済むための、いわば地形の選び方です。自社が一番強く戦える一点を選ぶ道具になります。狭い土俵でこそ、小さな会社は一番になれます。そして一番になった会社に、人は安心して相談を寄せます。

コンセプトを決めても問い合わせが増えないときはどうしますか

まず、決めたコンセプトがサイト全体に反映されているかを確かめます。一文は決めたのに、各ページが昔のままなら、軸は働いていません。次に、その約束が相手の本当の悩みに当たっているかを見直します。想像で作った約束は、相手に響きません。お客様の生の言葉に立ち返り、悩みと約束がずれていないかを確かめる。この2つが、増えないときに最初に見る場所です。

まとめ

ホームページのコンセプトとは、サイト全体を貫く一本の判断基準であり、誰に何を約束するかという一文です。これは、何のために作るのかという目的とは別のものです。目的は行き先、コンセプトはそこへ向かう道です。コンセプトが空白だと、デザインも文章も写真も導線も、判断の物差しを失ってぶれ、部分は整うのに全体でまとまらないサイトになります。

コンセプトは、誰に、どんな悩みを、何を約束し、なぜ自社かという4つの問いに答え、それを一文にまとめることで形になります。決めた一文は飾らずに実務で使い、トップの見出しから文章、写真、導線まで、すべてをその一文に沿わせます。制作会社に丸投げせず、軸だけは自分たちで握る。この順番が、見た目は整うのに反応が無いサイトから抜け出す道です。

今日できる点検

読み終えたら、次の点検を一つずつ確かめてみてください。当てはまらない項目が、あなたのサイトで最初に手を入れる場所です。

点検する場所	確かめること	当てはまらなければ直す方向
コンセプトの一文	誰に何を約束するか一文で言えるか	4つの問いに答えて一文にまとめる
目的との区別	目的とコンセプトを分けて持てているか	行き先と道を別々に言葉にする
約束する相手	一人の顔が浮かぶまで絞れているか	業種規模役割悩みまで具体化する
サイトへの反映	見出しや写真が一文に沿っているか	上から順に約束へ沿わせ直す
実務での使用	判断をその一文で下せているか	迷ったら一文に立ち返る習慣にする