Haire atlier bonet

「お客様に寄り添った一対一重視の施術」、 「ほっと一息つける場所であり続ける」を大切にしている美容室

サイトのファーストビューです。
ハンバーガーメニューを展開した画像です。
制作目的
お店のコンセプトを分かりやすくまとめたWEBサイトをつくりたい
デザインイメージ
ゆったり、まったりと過ごしながら施術が受けられるイメージにしてほしい
ターゲット
メインターゲットは30~40代女性。その他年齢性別問わず来店あり
制作期間
約1か月(企画1週間、デザイン2週間、コーディング1週間)
使用ツール
Figma / Illustrator / Photoshop / HTML / CSS / JavaScript
URL
https://bonet.design-dandan.com

Comment

スマートフォン版の画像になります。
・デザインについて


お店のイメージとして「まったり」というキーワードがあったので、優しく落ち着いた印象を与えるアースカラーに近い配色としました。 また、喫茶店や書店など人が落ち着いて過ごしたり息抜きをするために利用するのサイトも参考にし、イメージをかためていきました。


お店の空気感を伝えユーザーが店内をイメージしやすくするために、スライドショーなど画像を多く掲載しました。 ファーストビューは画像と店名記載のロゴのみを配置して、初めてお店のことをサイトで知ったという方にも店名を覚えてもらうことを意識しています。
また、メインターゲットが30~40代女性であるためお子様連れでも気軽に来店していただけるようにキッズスペースについても記載しました。


アクセス・予約についてユーザーが混乱しないように情報を整理しました。


フォントサイズはやや控えめにしていますが、文章量を抑えることで余白を生じお店のゆったりとした雰囲気を感じられるように工夫しました。

・制作した感想

2作目になります。
サイトのイメージと実際にユーザーが感じる印象に齟齬が極力生じないようなデザインを意識して取り組みました。
今回は素材の大部分に自分で撮影した画像を使用していますが、店内の雰囲気が伝わる撮影方法や画質の維持と軽量化の両立について課題を感じたので次回以降に活かしたいと思います。
コーディングについては少し慣れてきて前回の半分ほどの時間で終了することができ、一つ成長を感じることができました。

ページヘッダーへのガイドボタンです。