らしさとは?を楽しく学ぶ

ウル虎の巻

-弐の巻-サイト制作って、何から始めればいい?

Webサイトは「つくる前に何を決めるか」で、ほぼ決まります。

「サイトが古くなってきた」「競合がきれいなサイトにした」——そんな理由でサイトの作り直しを考えているケースが多いです。でも、制作に入る前に決めておくべきことがあります。順番を間違えると、完成したサイトが「きれいだけど、成果が出ない」ものになります。この記事では、サイトをつくる前に何を・どの順番で決めるべきかを整理します。

サイトをつくる前に決めることって何だろう

エルくん
エルくん
よし、これからクライアントのサイトをつくるでござる!変えるならがらっと変えたほうがいいでござるから、早速かっこいい参考サイトを探すでござる!
ベイ・ハクライ
ベイ・ハクライ
ビジュアルアイデンティティよりもストラテジックポジショニングとユーザーエクスペリエンスのフレームワークが先にコンフィグされるべきでごじゃる
エルくん
エルくん
コンフィ...コンフィグ...?
ホウホウ長老
ホウホウ長老
目的先行の原則じゃな
エルくん
エルくん
ずっと何言ってるかわからないでござる
ホウホウ長老
ホウホウ長老
「何のためのサイトか」を決めてからでないと、何も決められない、ということじゃ
エルくん
エルくん
先にそう言ってほしいでござる!ふむ...見た目より先に、目的があるってことでござるな
ホウホウ長老
ホウホウ長老
そういうことじゃ。サイトはゴールではなく、目的を達成するための手段じゃ。目的がなければ、何をつくっていいかわからない

なぜ、目的が先なのか

エルくん
エルくん
でも、きれいなサイトにすれば、自然と問い合わせが来るのではないでござるか?
ベイ・ハクライ
ベイ・ハクライ
オーガニックトラフィックのアトリビューションとコンバージョンレートのオプティマイゼーションがなければ、インプレッションだけでROIはゼロでごじゃる

(誰も拾わない)

エルくん
エルくん
......長老?
ホウホウ長老
ホウホウ長老
きれいなだけのサイトは、メニューのない飲食店と同じじゃな
エルくん
エルくん
それはイヤでござるな...
ホウホウ長老
ホウホウ長老
見た目は入口に過ぎない。誰に・何を伝えるかが決まっていないと、来た人が迷って帰るだけじゃ

中小企業こそ、サイトで語れ

エルくん
エルくん
小さい会社が、そんなにしっかりつくる必要あるの?
舵取社長
舵取社長
当然だ
エルくん
エルくん
...どうしてでござるか?
舵取社長
舵取社長
大企業は名前で信用される。中小企業は、サイトが営業マンで、言葉と見せ方で勝負できる
エルくん
エルくん
知名度がない分、ちゃんとサイトで伝えないと、存在ごとスルーされてしまう...でござるな

具体的に何をするのか

Step1.目的を決める

エルくん
エルくん
さっそく参考サイト集め、始めるでござる!
ホウホウ長老
ホウホウ長老
まず目的じゃ。このサイトで何をしたいのか——問い合わせを増やしたいのか、採用に使いたいのか、信頼を伝えたいのか。それが決まらないと、何も決められない
エルくん
エルくん
ゴールのない旅はただの迷子でござるな...
ホウホウ長老
ホウホウ長老
うむ。目的は、サイト全体の羅針盤じゃ

Step2.ターゲットを整理する

エルくん
エルくん
目的が決まった!次は好きなデザインを選ぶでござる!
ホウホウ長老
ホウホウ長老
次は誰に届けるかじゃ。ターゲットによって、伝えるべき内容も、言葉も、デザインも変わる
エルくん
エルくん
同じ商品でも、見せる相手が違えば、言い方も違うってことでござるな
ホウホウ長老
ホウホウ長老
うむ。ターゲットが曖昧なまま進むと、誰にも刺さらないサイトになる

Step3.構成・導線を考える

エルくん
エルくん
ターゲットも決まった!今度こそデザインでござる!
ホウホウ長老
ホウホウ長老
次は構成と導線じゃ。どのページに何を載せるか見た人をどこへ誘導するかを設計する
エルくん
エルくん
間取りを決めてから、インテリアを選ぶってことでござるな
ホウホウ長老
ホウホウ長老
うむ。構成が決まって初めて、デザインが意味を持つ

Step4.デザインする

エルくん
エルくん
やっとデザインでござるな!!
ホウホウ長老
ホウホウ長老
ここでやっとじゃ。目的・ターゲット・構成が揃って初めて、デザインは機能する
エルくん
エルくん
逆からやったら、飾りのついた迷路になっていたでござるな...
ホウホウ長老
ホウホウ長老
うむ。デザインは、伝えたい内容を美しく届けるための手段じゃ

Step5.つくる・公開する

エルくん
エルくん
あとはつくって公開すれば完成でござるな!
ホウホウ長老
ホウホウ長老
公開は完成ではなく、始まりじゃ。公開後に数字を見て、改善し続けることが大切じゃ
エルくん
エルくん
育てるものなんでござるな
ホウホウ長老
ホウホウ長老
うむ。サイトは完成した瞬間から古くなっていくものじゃ

よくある失敗

エルくん
エルくん
今っぽいデザインをまずつくって、あとから中身を入れればOKでござるな!
ベイ・ハクライ
ベイ・ハクライ
それはコンテンツストラテジーとビジュアルデザインのデカップリングで、インフォメーションアーキテクチャがミスアライメントしているケースでごじゃる

(誰も拾わない)

舵取社長
舵取社長
見た目から入ると、だいたい失敗するぞ
エルくん
エルくん
かっこいい箱だけつくっても、あとから中身を無理やり詰め込むことになる...でござるか?
舵取社長
舵取社長
そうだ。形と内容がズレたまま公開される

進め方

エルくん
エルくん
でも...何から始めればいいでござるか?
ホウホウ長老
ホウホウ長老
順番がある。まず「目的を一文で書く」じゃ。このサイトで・誰に・何を伝えたいかを短く言い切る
エルくん
エルくん
「なんとなくいい感じに」じゃなくて、一文で言えるくらいはっきりさせることが先でござるな
ホウホウ長老
ホウホウ長老
次に「ターゲットと導線を図にする」じゃ。誰が来て・どこへ進んでほしいかを可視化する
エルくん
エルくん
間取り図を書いてから家具を選ぶ感じでござるな
ホウホウ長老
ホウホウ長老
最後に「コンテンツとデザインに落とし込む」じゃ。決まった構造をもとに、言葉とビジュアルをつくる
エルくん
エルくん
この順番を守れば、後でやり直しにならないでござるな
ホウホウ長老
ホウホウ長老
形より先に、意味がある。それがWebサイトづくりの本質じゃ
エルくん
エルくん
たしかにでござる

最後に

ホウホウ長老
ホウホウ長老
Webサイトとは、等身大の自分たちを映す鏡じゃ
エルくん
エルくん
鏡を磨く前に、映す中身を整えるってことでござるな
ホウホウ長老
ホウホウ長老
そうじゃ。

この記事のまとめ

サイト制作って、何から始めればいい?

大事なのは「目的」です。サイトをつくる前に決めることは、デザインでも制作会社選びでもなく、「このサイトで何を達成したいか」です。

目的が決まれば、ターゲットが決まり、構成が決まり、デザインが決まる。この順番を守ることで、完成したサイトは「きれいなだけ」ではなく、ちゃんと機能するものになります。「かっこよく見せること」ではなく、「等身大の自分たちを正しく伝えること」が、Webサイトをつくる本当の目的だと私たちは考えています。

リソースが限られている中小企業だからこそ、目的のないサイトはつくれません。目的から始めて、ターゲットを絞り、伝えることを整える。その積み重ねが、選ばれるサイトになっていきます。

よくある質問

Webサイト制作で最初にやることは何ですか?
「このサイトで何を達成したいか」を決めることです。問い合わせを増やしたいのか、採用に使いたいのか、信頼を伝えたいのか——目的が決まって初めて、ターゲットも構成もデザインも決められます。
サイトリニューアルのタイミングはいつが適切ですか?
「古くなった」「競合がきれいにした」という理由だけでのリニューアルはあまりおすすめしません。「今のサイトで何が達成できていないか」「目指すべき未来」が言葉にできたタイミングが、リニューアルを始める適切な時期です。目的が明確なほど、完成したサイトが機能します。
デザインより先に決めることは何ですか?
目的・ターゲット・構成の3つです。この順番で決めてからデザインに入ると、見た目と内容がズレない、伝わるサイトになります。逆にデザインから入ると、きれいだけど成果が出ないサイトになりがちです。

制作・監修

デザインスタジオ・エル

ブランディングデザイン会社|長野

デザインスタジオ・エルは「超えるをつくる」を合言葉に「らしさ」をかたちにする、ブランディングデザインの会社です。
Webサイト制作やグラフィックデザイン、企業理念やキャッチコピーのご依頼やご相談がございましたら、お気軽にお問い合わせください。

デザインスタジオ・エルのブランディング事例はこちら

トップに戻る

DESIGN STUDIO L.

©DESIGN STUDIO L.