【webサイト】美容室TOPページ

OVERVIEW

こばやす氏(@kobayas_s)が配布しているWEBデザインお題をもと架空の美容室サイトを作成しました。

YEAR 2023

お題の内容


#Webデザインお題 TOPをデザインしよう

・こばやす様 @kobayas_s


サイトを作る目的

新規顧客を開拓するために、Instagramを使用していたが、載せられる情報に限りがあったり、予約の導線がDM、美容室専門のWebマガジン予約フォームからのみのため、webサイト制作をお願いするに至った。

ターゲット

・20代~40代
・どちらかというと女性に来てもらいたいが、ターゲットの家族(旦那さんなど)にも来てもらいたい。

・近隣に根付いて住んでいる人。 

イメージカラー要望
清潔感があり、温もりを感じる色合いにして欲しい。顧客の希望は下記の色。

#f6f6f1 ベージュ
#b8dae6 水色

店内のコンセプトや雰囲気
・自然派のシャンプーやトリートメントを取り扱っている。
・観葉植物やフェイクグリーンで店内を飾っていて、床や柱などに木目を使用した温もりある店内。
・無印良品のようなリラックス出来るような空間を意識している。

レスポンシブ

スマートフォン / PC

制作物

サイトリンク

サイトスクリーンショット

サイトURL(画像をクリックするとサイトに遷移します。)


工夫した点

・当サイトから予約をしてほしいため、ナビゲーションメニューの部分に「予約する」ボタンを水色の背景で目立たせて、すぐに遷移しやすいようにした。

・本文の文字間やセクションの間の余白を広めにとって、リラックス感や清潔感を演出した。

・「ターゲットの家族(旦那さんなど)にも来てもらいたい。」とのことだったので、Instagramのセクションには男性の写真も載せた。

・顧客が希望した淡い水色(#b8dae6)をアクセントカラーとし、目立たせたい部分や、他のセクションとの区切りとして背景色に使った。

・画像は全てマットな質感に加工し、彩度もそろえてサイトの落ち着いた雰囲気に統一させた。

・アクセスのセクションはもともとの情報量が少なく、右下に余白ができてしまったため、あしらいを配置し、バランスを整えた。


制作期間

一週間

担当範囲

デザイン / コーディング

使用ツール

Photoshop,Adobe Dreamweaver, (html,css,jquery)






WEBSITE