Website美容室 「.room.」

Webサイトroomのファーストビュ―Webサイトroomのスマートフォンのファーストビュー
  • Website 美容室 「.room.」
  • Website 美容室 「.room.」
  • Website 美容室 「.room.」
  • Website 美容室 「.room.」
  • Website 美容室 「.room.」

上新庄駅北口から徒歩3分にある美容室「.room.」様のWebサイトを作成させていただきました。
卒業制作でありますが、自分で顧客を見つけ企画、デザイン、コーディングまでを担いました。
店内の雰囲気やどんな髪型にできるのかなどの情報がすぐわかるようにトップページに情報をまとめ、
より深く知りたいユーザーは下層ページへと誘導するつくりを意識しました。

クライアントの要望

①お店に来たことのない人がHPを見るだけで、お店の雰囲気がわかるようなサイト
②美容師がそれぞれで利用しているInstagramをもっとうまく活用すること

ターゲット

20代後半の女性(男性のお客様もおり、年齢幅も広いことからあまり絞られすぎないように)

制作にあたって

クライアントの要望に沿って
①お店の雰囲気がわかるように、店内の写真やスタイル写真をファーストビューの下に持ってくる
②スタイル写真やスタイリストの紹介など、スタイリストに関連する要素に必ずInstagramのリンクを置く
という工夫をしました。
使用するカラーについては特に要望がなかったことから店舗の内装に使われている色を使用しました。 背景の白を多く使うことで清潔感を出し、客層を絞らない配色を意識しました。

配色の説明

ほかにも、Googleマップでの口コミ数が多く評価が高いことから、スマートフォンでメニューを開いた際にGoogleマップへのリンクを配置することで、場所の確認だけでなく、自然と口コミを見れるような導線作りを意識しました。

制作期間

ワイヤーフレーム 約2週間
デザイン 約3週間
コーディング 約3週間

使用したツール

Photoshop / illustrator / XD / DreamWeaver

roomのパソコンのトップ画像roomのスマートフォンのトップ画像