WEBサイトの新規制作やリニューアルを検討する際、WEB制作会社に相談すると、どのような提案を受けられるのでしょうか。
WEB制作というと、デザインやコーディングといった工程をイメージする方も多いかもしれません。しかし、目的に合ったWEBサイトを制作するためには、デザインに着手する前の「企画・設計」も重要な工程のひとつです。
会社によって提案書の内容は異なりますが、私たちWEB制作会社モノクスは、クライアントへのヒアリングを通して課題や目的を整理し、WEBサイトのコンセプトや構成、デザインの方向性などを検討したうえで、提案書を作成しています。
今回は、モノクスでのWEBサイト制作におけるプランナーの役割や、提案書に盛り込む内容について、実際に企画・設計を担当するプランナーの視点からご紹介します。
なお、モノクスにおけるWEBサイト制作の具体的な手順については、別記事「【はじめてのWEB制作】コーポレートサイトができるまでの流れ」で詳しくご紹介しています。こちらもぜひご覧ください。
WEB制作における「提案書」の役割とは？
WEB制作会社が作成する提案書は、単にWEBサイトのデザインやページ構成を紹介するための資料ではありません。
「どのような課題を解決するために、誰に、何を、どのように伝えるWEBサイトを制作するのか」
こうしたWEB制作の目的や方向性を整理し、クライアントと認識を共有するための資料でもあります。
例えば「古くなったWEBサイトをリニューアルしたい」というご相談でも、その背景にある課題は企業によって異なります。
企業イメージを一新したいのか、お問い合わせを増やしたいのか、採用活動を強化したいのか。
目的が違えば、必要なコンテンツや情報の見せ方、デザインの方向性も変わってきます。
だからこそ、私たちは具体的なデザインを考える前に、クライアントのことを深く理解し、WEBサイトで実現したいことを明確にするところから始めています。
そのうえで、モノクスが作成する提案書では、主に以下の内容を記載しています。
１．解決すべき課題／WEB制作の目的／ターゲット層の整理
２．WEB制作におけるコンセプト
３．サイトマップ（サイト全体のページ構成）
４．トップページのワイヤーフレーム（デザイン前のページの下書き
５．デザイン方向性
01｜ヒアリング：クライアントの事業や想いを深く理解する。
モノクスでは、WEBサイト制作のご相談をいただいた際に、まず1時間程度のヒアリングを行っています。
ヒアリングでは、主にWEB制作の目的や現行サイトの課題、競合他社、ご予算、公開希望日といった基本的な情報を確認します。
それに加えて、私たちが特に大切にしているのが、クライアントの事業やサービスについて詳しくお話を伺うことです。
どのような事業を展開しているのか、どんなお客様にサービスを提供しているのか、競合他社と比べてどのような強みがあるのか。さらには、普段の業務で心がけていることや、事業に対する想いなどもお聞きしています。
既に企業のWEBサイトをお持ちで、リニューアルをご相談いただく場合には、現行サイトにさまざまな情報が掲載されていますが、それだけで事業の特色や魅力、社員の方々の想いや温度感を十分に理解できるとは限りません。
担当者の方から直接お話を伺うことで、WEBサイト上ではあまり紹介されていないような独自の取り組みや、企業自身が“当たり前”だと考えている文化や姿勢の中に、訴求すべき強みが見つかる場合もあります。
こうした情報をできる限り引き出し、企業への理解を深めることで企業価値を見出していくことが、WEB制作会社に依頼するメリットであり、その後の企画・設計の土台になると考えています。
分からないことは、遠慮せずに質問する。
モノクスのヒアリングでは、時間の許す限り多くのことをお聞きするようにしています。
特に、専門性の高い事業やサービスについては、基本的な仕組みや専門用語の意味、利用までの実際の流れについて質問することも少なくありません。
その業界で働く方にとっては当たり前の言葉や知識でも、初めてサービスを知る人には伝わらない場合があるからです。
一見すると細かな質問に思えるかもしれませんが、こうした疑問は、WEBサイトを訪れるユーザーも同じように感じている可能性があります。
ヒアリングの段階で小さな疑問も解消しておくことで、事業への理解が深まるだけでなく、ユーザーにとって分かりにくい部分や、説明を補うべきポイントにも気付くことができます。
また、クライアントへの理解が深まるほど、企画やワイヤーフレームの精度も高められると考えています。
制作を進めてから認識の違いが生じないよう、ヒアリングやWEBサイト以外の情報資料のご支給などを通して、企画を作成する前から、できる限り情報を共有していただくことを大切にしています。
02｜課題・目標の整理：「クライアント視点」と「ユーザー視点」の両方から考える。
ヒアリングを終えたら、伺った内容や既存サイト、その他ご支給いただいた資料などをもとに、提案書の作成に進んでいきます（案件の内容や納期に応じて、ワイヤーフレームの作成から始める場合もあります）。
提案書の前段部分では、クライアントの方が感じている課題点やターゲット層、サイト制作において目指すべき成果をあらためて整理し、「どのような課題を解決するために、誰に、何を、どのように伝えるWEBサイトを制作するのか」を分かりやすく言語化していきます。
それらに基づいて、サイトマップやワイヤーフレームの提案に移っていきます。
このときに私たちが大切にしているのが、「クライアント視点」と「ユーザー視点」の両方を持つことです。
クライアント視点｜企業の魅力や伝えたいことを理解・整理する。
前述した通り、まずはクライアントの事業やサービスをできる限り深く理解し、企業として何を伝えるべきか、どのような価値を提供しているのかを整理します。
特に、私たちは実際にWEBサイトに掲載するコピーやテキストも含めて制作することが多いため、クライアントと同じ視点に立って、事業内容を正しく理解することは精度の高いWEBサイトを制作するにあたって欠かせない作業です。
一方で、ヒアリングで伺った情報を、すべてそのまま掲載すればよいというわけではありません。
例えば、クライアントがそれほど重要視していなかった取り組みでも、第三者から見ると競合他社との差別化につながる強みである場合があります。
反対に、企業として伝えたい情報であっても、ユーザーにとっては優先度が低かったり、伝え方を工夫する必要があったりする場合もあります。
伺った内容をそのまま形にするのではなく、クライアント視点を大切にしながらも、客観的な視点から、あらためて情報を整理し、WEBサイトで何をどのように伝えるべきかを考えることが、WEB制作会社の役割だと考えています。
ユーザー視点｜初めて訪れる人にも伝わるかを考える。
もうひとつ大切なのが、WEBサイトを利用するユーザーの視点です。
クライアントの事業を深く理解したうえで、今度は「専門的な知識を持たないユーザー」の立場から情報を見直していきます。
例えば、以下のようなポイントを意識しています。
・ 初めてWEBサイトを訪れる人にも、事業やサービスの内容が伝わるか
・ ユーザーが知りたい情報に、迷わずたどり着けるか
・ 情報が適切な順番で整理されているか
・ 見出しやコピーが、ユーザーの興味・関心を引く内容になっているか
・ WEBサイトを閲覧したユーザーに、どのような印象を持ってほしいか
企業が伝えたいことと、ユーザーが知りたいことは、必ずしも一致するとは限りません。
その両方を踏まえながら情報を整理し、クライアントの魅力がユーザーに正しく伝わるWEBサイトを目指します。
03｜コンセプト設計：WEBサイト全体の方向性を明確にする。
サイトマップやワイヤーフレームといった具体的な提案に入る前に、もう一つ大切な作業があります。それがWEBサイトのコンセプトを設定することです。
コンセプトとは、WEBサイト全体を通して「誰に、どのような価値を伝え、どう感じてもらいたいのか」を明確にし、制作の軸になるような考え方を言語化したものです。
例えば、同じ企業のWEBサイトであっても「専門性の高さを伝えて信頼感を持ってほしい」のか、「初めてのお客様に親しみを持ってもらいたい」のかによって、コンテンツの構成やコピーの言い回し、デザインの方向性は変わってきます。
テキストやデザインの表現で迷った際には「コンセプトに基づいた内容であるか」を判断基準とし、制作チームとクライアント、両社が同じゴールを目指せるような指針となる大切な言葉となります。
また、コンセプトを考える際には、クライアントの特徴や強みをどのように表現するかも重要です。
他社でも使えるような一般的な表現ではなく、ヒアリングで得られた情報や、整理した課題・目標をもとにその企業だからこそ伝えられる価値／ポジションを見つけ、WEBサイト全体で一貫して訴求できるように整理します。
この段階で方向性を明確にしておくことが、その後のサイトマップやワイヤーフレーム、デザインの検討にもつながっていきます。
04｜サイトマップ作成：必要な情報を整理し、ページ構成を考える。
WEBサイトの方向性が定まったら、次はサイトマップを作成します。
サイトマップとは、WEBサイト全体にどのようなページを設け、それぞれをどのような階層・関係で構成するかを整理したものです。
例えば、企業のコーポレートサイトであれば、会社概要、事業内容、実績紹介、お知らせ、お問い合わせなどが基本的なページとして考えられます。
ただし、すべての企業に同じページ構成が適しているわけではありません。
事業内容が複雑な企業であれば、サービスを分かりやすく説明するページを充実させる必要があるかもしれません。また、採用強化が目的であれば、仕事内容や働く環境、社員インタビューなどの情報が重要になる場合もあります。
私たちは、WEBサイトの目的やターゲット、ユーザーが求める情報を踏まえながら、どのようなページが必要なのかを検討します。
単に情報を分類するだけでなく、ページ同士のつながりや、ユーザーが目的の情報にたどり着きやすい構成になっているかも意識しています。
05｜ワイヤーフレーム作成：情報の見せ方や伝える順序を設計する。
サイトマップで全体の構成を整理したら、各ページの具体的な内容を考えるためにワイヤーフレームを作成します。
ワイヤーフレームとは、WEBページに掲載する情報や、その配置・構成を示す設計図のようなものです。
提案段階では、主にトップページのワイヤーフレームを作成し、どのような情報を、どのような順序で、どのような言葉で伝えるかを具体的にご提案しています。
ユーザーの理解や行動を意識した構成に。
ワイヤーフレームの作成では、ユーザーがどのような順番で情報を理解し、次の行動へ進むのかを意識しています。
例えば、専門性の高いサービスを紹介するWEBサイトであれば、いきなり詳細なサービス情報を掲載するよりも、まずは「どのようなサービスなのか」「どんな課題を解決できるのか」を説明した方が、初めて訪れるユーザーにも理解してもらいやすい場合があります。
また、お問い合わせの増加を目指すWEBサイトであれば、ユーザーがサービスの特徴や導入メリットを理解したうえで、自然にお問い合わせへ進めるような構成が必要です。
こうしたユーザーの理解の流れや行動を想定しながら、情報の優先順位や配置、ページ内の導線を考えていきます。
※レイアウトはデザイン制作時にあらためて検証するため、ワイヤーフレームから変更される場合もあります。
コピーや説明文も含めて具体的に提案する。
ワイヤーフレームを作成する際には、ダミーテキストで構成する会社もありますが、モノクスでは掲載するコピーや説明文についても、できる限り完成形に近い形で具体的に検討しています。
ヒアリングで伺った内容をもとに、事業やサービスの魅力が伝わる言葉を考え、専門的な内容であっても、初めて読む人に分かりやすい表現になるよう心がけています。
また、ユーザーの興味を引く見出しになっているか、情報が多すぎて読みにくくなっていないかなども、重要なポイントです。
このように、情報の構成とテキストをあわせて検討することで、完成後のWEBサイトをより具体的にイメージしていただける提案を目指しています。
06｜デザインの方向性提案：企業の魅力をどう表現するかを考える。
提案書では、WEBサイトのデザインの方向性についてもご紹介しています。
まず、ヒアリングの段階で、クライアントが希望する雰囲気やイメージ、もしくは避けたい表現や方向性、参考にしたいと考えているWEBサイトがある場合はそれらを確認します。
そのうえで、WEBサイトの目的やターゲット層、企業として伝えたい印象、コンセプトを踏まえながら、まずはデザインの“方向性”をご提案しています。
案件にもよりますが、モノクスでは提案段階からWEBデザインを制作するのではなく、異なる方向性を2〜3つ提示し、それぞれの特徴や、どのような印象を与えるWEBデザインなのかを共有することが多いです。
例えば「企業としての信頼感を伝えたいけれど、堅苦しくなりすぎず、親しみやすさも持たせたい」というご要望があった場合。
信頼性や専門性を強く打ち出す方向性と、柔らかさや親近感を重視する方向性などを提示し、クライアントと一緒にイメージをすり合わせていきます。
デザインの方向性について、しっかりと認識を共有したうえで、企業の特色や魅力を活かしたオリジナルのWEBデザインへと昇華していくためのヒントを得るためのご提案です。
WEB制作で大切なのは、企業の魅力を理解し、ユーザーに伝わる形にすること。
ここまで、WEB制作会社が作成する提案書の内容と、企画・設計において大切にしているポイントをご紹介しました。
WEBサイト制作では、デザインの美しさや機能の充実ももちろん重要ですが、その前段階で「誰に、何を、どのように伝えるか」を考えることが欠かせません。
私たちは、クライアントへの丁寧なヒアリングを通して事業やサービスへの理解を深め、その企業ならではの魅力や課題を整理することを大切にしています。
そして、企業の視点だけでなく、WEBサイトを訪れるユーザーの視点も踏まえながら、目的に合った構成やコンテンツ、デザインの方向性をご提案します。
決まった形に情報を当てはめるのではなく、一社一社の特徴や目的に合わせたWEBサイトを考えること。
それが、私たちがWEB制作の企画・設計において大切にしている姿勢です。
私たちがどのような制作会社なのかについては、会社概要ページでもご紹介しています。
WEBサイトの新規制作やリニューアルをご検討の方は、ぜひお気軽にご相談ください！
