【架空】新規Webサイト作成(ネイルサロン)

OVERVIEW

ネイルサロン(架空)のホームページを新規作成しました。

Webサイト:https://peppy-travesseiro-c38a47.netlify.app/

(1)制作情報

・制作時期:2024年12月

・制作時間:デザイン1週間

      コーディング2週間

・使用ツール:Figma, Visual Studio Code

・使用言語:HTML, CSS, Java Script


(2)クライアント情報(架空)

<サロン名>

Riage(リアージュ)


<サロンについて>

・客層は20代から40代の女性

・施術の品質・スピードを重視したサロン

・サロンは紫と白を基調とした大人っぽい雰囲気

・流行りや季節のデザインにも対応している

・価格帯は¥3,000- ¥9,000(比較的安め)

・店舗は都内に4店舗


(3)ペルソナ

• 20 代から 30 代のアクティブな女性

• 忙しい中でも日常的に美容にこだわりを持つ層 


<ライフスタイル>

美意識は高いが私生活は忙しいので、時間はかけたくない。

ネイルに月数千円以上かける。


<求める価値>

ネイルは品質の良さや持ちを重要視する。


(4)工夫した点

<デザイン>

・サロンのロゴの色と同じカラーをサイトのメインカラーとして使う(#9B308F)

・スタイリッシュなフォントを使用(Font:Noto Sans JP)

・TOP ページメインビジュアルに施術のスピードを表すキャッチコピーを追加し、ファーストビューでサロンの特徴が伝わるように工夫

・装飾を少なめにしたシンプルなデザインにすることで、メニューや料金表などの必要な情報がターゲットに伝わり、予約をとるのに時間を要さないことを表現できる

・サロンのアクセスセクションにおいて、「全店舗駅から5分以内」のワードを強調することで、時間を要さないことを表現

→デザイン面で品質の良さと施術のスピードを重視したサロンの特徴を表現


<機能>

・予約ボタンは目立つように設定

・スクロールした時に出る画像等は比較的早めに設定

→機能面で施術のスピードを表現