それではまず、簡単に流れをお話ししますね。
コラム第1回の最初で「全体フロー」のお話しをしましたが、その中の「デザインフェーズ」にもデザイン作業固有のフローがあるんです。

デザイン案の確認回数は場合によって増えることもありますが、おおまかにいえばこのような流れでホームページのデザインを作成していきます。
これから、この中の「ヒアリング」「デザイン案確認」「デザイン決定」の3つの工程についてお話していきますね。

まず最初に大切なのは、なんといってもヒアリングです！
ホームページのデザインを作成していくうえで、必要になる情報をお伺いしていきます。

大丈夫ですよ！
どんな情報があればよりお客さまのご希望に沿うホームページを完成させることができるのか、まずは下に書き出してみますね。

1.ホームページを新規で作成する、もしくはリニューアルする目的
2.ターゲット（閲覧者の職業、年齢層、性別など）
3.ホームページに求める雰囲気（清潔感、重厚感、安心感、やさしさ、さわやかさなど）
4.キーカラーにしたい色
5.参考にしたいホームページの画面キャプチャ

まずは目的について。
目的の違いによって、ホームページデザインもまた違ったものになります。
自社ブランドを広くアピールするためのホームページならば、動画を効果的に使用したり、デザイン性が高くアーティスティックなホームページにしたほうが閲覧者に「驚き」を与えられますし、人の目を惹きつけやすいですよね？

それとは対照的に、ECサイトでは動画使用やアート性よりも、商品を目立たせて閲覧者に「欲しい！」と思わせるようなデザイン、有望な顧客情報を集めることが目的のホームページでは、視認性や操作性、またコーポレートサイトでは安定性などを重視してデザインを行います。
サイトによってそれぞれ目指す方針が異なるんですよ。

ご高齢の方の閲覧を想定するホームページでは、文字サイズやボタンを大きくするなどの工夫が必要になります。
また、性別も重要なポイント！
女性が多く閲覧することが想定される、たとえばお化粧品などのホームページであれば、女性が好む色の使用や雰囲気が大切ですし、男性が多く閲覧するホームページならシャープさ重厚さ、男性が好む色を使用します。

ご安心くださいね！あいまいなイメージでも、単語でも十分なんです。
「さわやかさがほしい」「やさしい雰囲気にしたい」「重厚感を出したい！」という抽象的なキーワードだけでも、そこからイメージを膨らませてホームページのデザインを作っていけますから！

ホームページの「キーポイントにしたい色」です。
ポイントにしたい色を、ホームページ内の画像やボタン等主要なパーツに繰り返し使うことによって、「ホームページのカラー（雰囲気）」を作っていきます。

それから自社のコーポレートカラーやロゴに使っている色をキーカラーに使ってほしい、というご要望があれば、ぜひお聞かせください！ また、そういったご要望がない場合でもご安心を。
お客さまからいただいた「さわやか」「清潔感」というキーワードからキーカラーに使用する色を選び出してホームページデザインをお作りいたします！

これは読んで字のごとく、です！たとえば自社と同じ業種、同じ目的を持っていると思われるホームページの画面キャプチャなどご用意いただくと、希望されているホームページの姿が明確になりますよ。
絶対に必要、というわけではありませんが、そういうホームページを探して見ていくうちに、自社が求めるホームページのデザインや希望が明確になってくることも多いのでおすすめです！

ヒアリング結果を受けて作成したデザイン案をお客さまにチェックしていただきますが、このとき、初めにお話しした基本5項目のうち、1～4に沿うデザインになっているかをチェックしてくださいね。
目的がはっきりとわかるホームページに仕上がっているか、想定するターゲットに向けたデザインになっているか、などをチェックしましょう。
ご高齢の方にはちいさな文字は読みづらいですし、女性向けのやさしいサイトに無骨な文字が使われていては雰囲気が台無しですから！

それから、意外と大切なのが「誰に確認してもらうか」ということ！

はい、とっても！
出来上がってきたデザイン案を、誰と誰に確認してもらうのか、最初にはっきり決めておいたほうがいいですね。
確認する方の人数によって、スケジュールに違いが出ますよ。

おっしゃるとおりです！
また、個人によって価値観や嗜好が違うため、さまざまな意見が出ることも予想されます。
その場合のためにも、意見をまとめたり最終的な決定権を持つひとを決めておいたほうが、デザイン決定までスムーズに進みますよ。

いろいろな方のご意見やご要望を聞かせてもらうのも、もちろん大切です。
でも、そのすべてを取り入れていくと、かえって目的がわかりづらいホームページになってしまう場合もあるんです･･･。

ヒアリングから始まって、デザイン案の作成、そしてお客さまの確認を経て、いよいよ決定したホームページのデザイン、 それが右の画像です！

ホームページデザインは、「Photoshop」や「Illustrator」などのグラフィックソフトを使ってまずは「一枚の画像」として作成するんです。
その際、まるで本当のホームページのような見た目になるように作成します。
そうすれば、お客さまにも確認していただきやすいですし、完成したホームページの姿も想像していただきやすいですから！

そしてデザイン決定後、このデザイン画像をもとにホームページに表示するボタンなどを作り、さらにhtmlやCMSテンプレートの作成に着手していくんですよ。

ホームページ制作はもちろん、ホームページデザインにも必ずお客さまの声が必要になります。
ご予算や期間とのバランスで優先順位づけが必要になることもありますが、要望や希望、アイデア、気になることがあったら、まずはご相談ください！
それがより魅力的なホームページのデザインを生み出すことにつながりますから！