Webサイト制作にかかわらず、すべての商業的なクリエイティブににおいて重要な役割を担う「コンセプト」。
この記事では、Webサイト制作におけるコンセプトメイクの方法や弊社で制作した具体的な実例まで順にご説明していきます。

Webサイトにおけるコンセプトとは？

まず、デザインにおける「コンセプト」とは、そのデザインの方向性を言語化したものです。 Webサイトのコンセプトも同様で、コンセプトをきちんと設定することで、一貫した方向性を維持しながらプロジェクトを進めるためのガイドとなります。

コンセプトを設定するメリット

こうした理由から、Webサイトの作成・リニューアルを行う際には、事前にサイトコンセプトを決めることが必要です。

コンセプト設計のプロセス

わたしたちの場合、目的を達成できるサイト制作のプロセスを細かく分類しています。 具体的に、コンセプトは以下のようなプロセスの中で決めていく事が多くなります。

①目的	何のためのWebサイトか。Webサイトが達成しようとしている目標。
②特徴	Webサイトから提示される商品やサービスの他と違った価値や利点。
③ターゲット	Webサイトがターゲットとするユーザー。
④コンセプト	ターゲットへ向けて特徴を伝えるための視覚的な方向性の定め。
⑤UX設計	視聴者がWebサイトを通じて経験するであろう感情。

上の表の②・③を「分析フェーズ」に分類しさらに細かくコンセプトを決めていく際の指標を定めます。
④・⑤を「考察フェーズ」として実際にどのようなWebサイトを作っていくかを決めます。

制作サイトのコンセプト事例4選

では、実際に作成したサイトのコンセプトを紹介いきたいと思います。

ゆず油　- 髪におやすみ

目的	ゆず油の効能や活用法をキャンペーンとして打ち出すためのサイト
ターゲット	薬局で手軽に買える製品でヘアケアをしたい女の子
キーワード	「夜」「女の子」「しっとり」

TECH BLOG

目的	製品に関して分からない事をすぐに解消できることでカスタマー体験を上げる。
ターゲット	企業で製品を利用しているサラリーマン・OL
キーワード	「シンプル」「温かみ」「機能的」「わかり易い」

Web Trends lab.

目的	Webサイト制作の情報を得て、知見を広げられるサイト
ターゲット	Webサイト制作運営従事者・担当者
キーワード	「未来的」「知識」「スペース」「研究所」

データのじかん

目的	「データ」を扱うメディアとして独立した役割・意義の創出を目指すサイト
ターゲット	データを利用し様々な壁を打ち破ろうとする越境者
キーワード	「新たな視点」「シンプル」「曲線」「遊びごころ」

Webデザインのコンセプトで定義すること

上記を踏まえて、Webデザインのコンセプトで定義する際には、ウェブサイトの目的、ユーザーの動向、ビジュアルアイデンティティに関連した多くの要素を考慮したのちにコンセプトとして、集約する必要があります。

目的

何のためのWebサイトかを明確化します。

ターゲット

ターゲット層といった大きなくくりから、ユーザーペルソナ小さなくくりまでのユーザーを想定します。

キーワード

Webサイトを閲覧した時にもたらされる印象や経験するであろう感情。

ビジュアルアイデンティティ

ブランドが発信するトーン、コーポレートカラー、タイポグラフィなど、ブランドのパーソナリティを反映した視覚的情報。
時に言語のみでの表現や共有が難しい場合はムードボードやビジュアルボードを作成して、共有します。