美容室【Walts様】

【　心がけたこと　】

• キービジュアルに店内写真を持って来て、全画面で表示し、スライド途中にも動きを入れて注目してもらえるようにしました。
• トップページだけで、新規顧客が来店時に気になる、店内の雰囲気、コンセプト、料金、営業時間、アクセスなど必要な基本情報に辿り着けるように作りました。
• クライアントからの要望で、既存顧客向けに商材紹介を入れたいとのことだったで、クライアント側で更新可能なように、インスタグラムにリンク設定するという形で取り入れました。
• ページ閲覧途中でも、随時、予約できるようにスクロールに追従する形で画面下部に予約ボタンを表示し、モバイル時には、ボタンタップで電話がかけられるように設定しました。

【　力を入れた点　】

• サイトに動きをつけるということ

→　ｋｖのスライダー時のスケール

→　itemのhover時のアニメーション

→　スタイルギャラリーのサムネイル連動

　　※スタイルギャラリーに関しては、スタイル別に抽出する形にしたかったのですが、

　　　クライアント様の要望で分けられなかったので、次は、抽出表示する形にも挑戦

　　　してみたいです。

• スクロール量減少の為に、タブや、スライダー、トグルを用いました。

→　タブ：スタッフページのスタッフ紹介

→　スライダー：スタイルギャラリー

→　トグル：メニューページのパーマとトリートメントメニュー欄

• ページタイトルや各コンテンツのコメント作成を目を引くコメントになるよう考えました。

【　作成期間　】

デザイン：2カ月（1日あたり4時間）

コーディング：1カ月（1日あたり3～4時間）

【　作成サイトURL　】