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分以内」のワードを強調することで、時間を要さないことを表現
→デザイン面で品質の良さと施術のスピードを重視したサロンの特徴を表現
<機能>
・予約ボタンは目立つように設定
・スクロールした時に出る画像等は比較的早めに設定
→機能面で施術のスピードを表現