【自主制作】美容サロン架空サイト デザイン・実装

OVERVIEW

架空のサブスク型美容サロンのWebサイトを制作いたしました。

YEAR 2022

【サイト名/URL】

美容サブスクサロン mila

https://www.mila1234.com/


【所要時間】

3週間(要件定義:2日間、ワイヤーフレーム1日間、デザインカンプ:4日間、コーディング(レスポンシブ対応含む):2週間)


【使用ツール・使用言語】

・Photoshop (ワイヤーフレーム・デザインカンプ作成)

・ Visual Stadio Code(コーディング)

・HTML5

・CSS3

・jQuery(Slickにてスライドショー実装)

・FTP(サーバーアップロード)


【サイトの目的】

美容サブスク型サロンの魅力を伝え、体験予約を促し新規会員数を増やすこと。


【ターゲット】

・様々な美容メニューを受けたいが、月々の美容代は抑えたいと考えている20代〜30代の女性

・美容サブスクというサービスに関心を持っている女性


【工夫したこと】

・下層ページを用意していないため、メニューをアコーディオン形式にしたり、メインビジュアルをスライドショーにするなどして、1ページでサロンの魅力や美容メニューの豊富さをユーザーへ伝えられるように工夫いたしました。

・配色は、白をベースにライトグリーンとピンクのグラデーションを取り入れ、デザインは余白をとったシンプルなものにすることで、女性らしい清潔感・透明感を表現できるように意識しました。

・ふわっとしたアニメーションで女性らしい柔らかさを表現しました。


【PC】


【SP】


WEBSITE