【デザイン・コーディング】hair&beauty U*kuri Webサイト制作

【使用ソフト】

Adobe XD デザインカンプ作成
Adobe Illustrator バナー・ボタン作成、画像加工・リタッチ・リサイズ
Adobe Photoshop バナー・ボタン作成、画像加工・リタッチ・リサイズ
HTML / CSS / JQuery / JavaScript コーディング

【概要】

架空の美容室「u*kuri（ゆくり）」のWebサイトです。
甲子園店の新規オープンという設定に伴い旧サイトからリニューアルしたサイトです。

【店舗コンセプト】

芦屋、岡本、甲子園に店舗を構え、地域密着、上質なサロンの想定です。

【デザインコンセプト】

元々のベースカラーであるグリーン系のカラーをベースにしながら、旧サイトより、
「掲載コンテンツ、情報の整理」「導線、ユーザビリティーの改善」「レスポンシブ対応」の３点を改善点としました。

顧客導線とニーズ、店舗が顧客に伝えたいことを整理し、４ページの構成としました。
店舗のイメージが伝わるようファーストビューを大きく取り、スタイリングのイメージを発信できるようインスタグラムへの遷移等ビジュアルを多く使用しております。
各ページのコンテンツの区切りとして、背景を斜めカットのデザインとし、動きを表現しています。