LIFE hair design様（架空）
WEB site
design
Adube Illustrator
coding
VScode
theme
おしゃれ
ライフスタイルに寄り添う
親しみやすさ
LIFE hair design様（架空）
スクールの課題で制作しました。
開店10周年の美容院という課題で、10年という期間、お客様のライフスタイルに寄り添って変化・成長してきたお店であることを表現したいと思いました。
地域で親しまれる、おしゃれで小さな美容院のイメージで制作しています。
本来デザイン制作のみの課題でしたが、自主的にコーディングまで行いました。
FVは「未来を見つめる20代」「おしゃれを楽しむ40代」「子育てをがんばる30代」という女性のライフスタイルを象徴する3枚の写真をスライダーにしています。
ページ全体のデザインが単調にならないよう、かつデザインとしてまとまりを崩さないよう、見出しや写真のバランスを見ながら丁寧にレイアウトしています。
レイアウトに動きがある分、ロゴよりも少しくすませた落ち着きのあるピンクを基調にカラーリングしました。
予約導線にもこだわりました。
ページ内のどの位置からも予約やお問い合わせボタンにアクセスできること、お客様目線で知りたい情報がわかりやすく伝わることを意識しています。
画面右の予約・お問い合わせボタンは画面スクロールに追従する固定表示仕様です。
レスポンシブ表示でも見劣りしないよう、レイアウトや写真の切り方を工夫しました。
複雑な画像配置が特徴のデザインですが、どのデバイスサイズで見ても違和感のないよう、細かくチェックしながらコーディングしています。
スマートフォン版デザインでは、予約とお問い合わせボタンが画面下に固定される仕様です。
デザインだけでなく、機能面もしっかりとレスポンシブ対応にすることを意識して制作しました。