架空の美容院サイト

ホーム

ホーム

ナチュラルで都会的なイメージ

制作背景

ポートフォリオに載せるデザインの幅を広げようと思い制作しました。

制作期間

2021年1月(約30時間)

制作環境

photoshop・illustrator・Dreamweaver
HTML・CSS・Javascript

ポイント

サイトコンセプト
新規のお客様へお店の雰囲気や料金を伝えるサイト。
デザインコンセプト
ナチュラルで落ち着いたお洒落なイメージのサイト
イメージワード
ナチュラル・落ち着いた・都会的
レスポンシブ対応
スマートフォンにも対応するように、表示幅でデザインが変わるようにしました。

スマホ画像


トップイメージ

ナビゲーション
ナビゲーションは、予約ページへの移動を簡単にするために、予約ボタンのみ違うデザインにしました。また、コンセプトなど通常のメニューは、マウスホバーでカタカナが表示に変化するように設定しました。

サロンイメージ

お店の情報
背景には、お店の外観をイメージした画像を配置しました。マップのピンにロゴを使用した画像を設定し、トップへ戻るボタンはシンプルなデザインにしました。