Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 3-4 デザインコンセプトに基づいた下層ページデザインとは？

Step 3-4で知ってほしいことは、デザインコンセプトに基づいた下層ページデザインの概略を知ることです。

Web担編集部 2021/10/27 7:00 サイト制作／デザイン | 解説／ノウハウ

4 3 0

クイズ

デザインコンセプトは何のために作成されているのでしょうか？

Step 2-6で取り上げたように、Webサイトの基本デザインはユーザーの使い勝手を向上し、満足させるだけでなく、成果をあげる戦略の1つでもあります。サイトのデザインの方向性、デザインコンセプトがしっかりしているサイトほど、ユーザーにとってわかりやすく使いやすいものになり、成果をあげることに通じます。デザインコンセプトは、企業のブランド戦略、Web戦略に基づいてサイトが成果をあげることができるよう、作成する必要があるのです。

Web戦略を実施するために、デザインコンセプトは作成される

サイトの各ページは、このデザインコンセプトに基づいて制作されます。それは、トップページだけでなく、下層ページ（トップページから飛ぶ「各ジャンルのページ」）のデザインも同様です。

3-4では、デザインコンセプトに基づいた下層ページデザインとは、どのようなものなのかを具体例をあげて解説します。

デザインコンセプト例を振り返ってみよう

ではここで、Step 2-6で紹介したデザインコンセプト例を振り返ってみましょう。

デザインコンセプト

ゴシック建築の世界観と幸せな喜びが溢れ出るようなデザイン

メインカラー：親しみ・喜び・ハンドメイド・柔らかい・明るい・開放的などのイメージ
サブカラー：信頼感を与えるブランドカラー
レイアウト：広めの余白で、清潔感・解放感を与えるレイアウト
フォント＆トーン：明朝やセリフ系のフォント、ゴシック建築の基となったアールヌーヴォ調のパーツ

このデザインコンセプトに基づいて作るWebサイトは、結婚式場を提供している会社のサービス紹介を行うもので、「問い合わせ数」を増やすことを目指しています。そのため、信頼感や親近感、解放感とともに、「式」というクラシカルなイメージを出すためにアールヌーヴォ調のパーツを使うデザインとなっています。そして、メインカラーのハンドメイドは、「お客様と結婚式を創り上げる」ことを表すために入れています。

なお、下層ページとして想定されるものには、ウェディングフェアページやウェディングプランページなどがあります。

デザインテンプレートの作成が重要！

コンセプトに基づいた下層ページデザインを作成するうえで重要なのは、「デザインテンプレートを作成すること」です。1ページずつ個別に作成していく方法では、効率があがらないこともありますが、なによりも、個別に最適なデザインが追求されることで、デザインコンセプトが適用できていない箇所も発生しやすくなるからです。

デザインテンプレートを作成する際には、次の2点を整理しておきましょう。