WORKS ― CASE 06mélia nail salon 様｜ネイルサロン
mélia nail salon 様｜ネイルサロン
店舗LP 制作（自主制作）
指先から、わたしらしく。
01PROJECT DATA
制作情報
- クライアント様
- mélia nail salon 様（自主制作サンプル・架空店舗）
- 業種
- ネイルサロン
- サイトURL
- 実物のLPを別タブで見る »
- 制作タイプ
- 店舗LP（1ページ）制作／レスポンシブ対応・アニメーション実装
- プロジェクト期間
- 自主制作（サンプル）
- 制作目的
- 大人の女性が「ここなら落ち着いて任せられそう」と感じられる上品な世界観で、ネイルサロンの魅力を伝え、予約へスムーズにつなげるLPにしたい。
03DESIGN POINTS
制作のポイント
POINT 01
配色と書体で「大人の上品さ」を。
ベージュ×ダスティローズ×金の落ち着いた配色に、明朝体と筆記体を組み合わせました。甘すぎず、華美すぎない、洗練されたニュアンスデザインの雰囲気を、ページ全体で一貫して表現しています。なお、掲載している写真はUnsplashのフリー素材です。
POINT 02
ふわっと現れる、上品な動き。
スクロールに合わせて、要素がやさしくふわっと現れるアニメーションを実装しました。派手に動かすのではなく、サロンの穏やかな空気感に合う控えめな動きにとどめています。OSで「視覚効果を減らす」設定をされている方には、動きを停止する配慮もしています。
POINT 03
どの画面でも崩れず、予約しやすく。
PC・タブレット・スマホの6つの画面幅で崩れないレスポンシブ設計にしています。スマホでは画面下部に予約ボタンを固定表示し、どこまで読み進めても、気になったその場で予約へ進める導線にしました。