お題の内容
・こばやす様 @kobayas_s
サイトを作る目的
新規顧客を開拓するために、Instagramを使用していたが、載せられる情報に限りがあったり、予約の導線がDM、美容室専門のWebマガジン予約フォームからのみのため、webサイト制作をお願いするに至った。
ターゲット
・20代~40代
・どちらかというと女性に来てもらいたいが、ターゲットの家族(旦那さんなど)にも来てもらいたい。
・近隣に根付いて住んでいる人。
イメージカラー要望
清潔感があり、温もりを感じる色合いにして欲しい。顧客の希望は下記の色。
#f6f6f1 ベージュ
#b8dae6 水色
店内のコンセプトや雰囲気
・自然派のシャンプーやトリートメントを取り扱っている。
・観葉植物やフェイクグリーンで店内を飾っていて、床や柱などに木目を使用した温もりある店内。
・無印良品のようなリラックス出来るような空間を意識している。
レスポンシブ
スマートフォン / PC
制作物
サイトスクリーンショット
サイトURL(画像をクリックするとサイトに遷移します。)
工夫した点
・当サイトから予約をしてほしいため、ナビゲーションメニューの部分に「予約する」ボタンを水色の背景で目立たせて、すぐに遷移しやすいようにした。
・本文の文字間やセクションの間の余白を広めにとって、リラックス感や清潔感を演出した。
・「ターゲットの家族(旦那さんなど)にも来てもらいたい。」とのことだったので、Instagramのセクションには男性の写真も載せた。
・顧客が希望した淡い水色(#b8dae6)をアクセントカラーとし、目立たせたい部分や、他のセクションとの区切りとして背景色に使った。
・画像は全てマットな質感に加工し、彩度もそろえてサイトの落ち着いた雰囲気に統一させた。
・アクセスのセクションはもともとの情報量が少なく、右下に余白ができてしまったため、あしらいを配置し、バランスを整えた。
制作期間
一週間
担当範囲
デザイン / コーディング
使用ツール
Photoshop,Adobe Dreamweaver, (html,css,jquery)