ヨガのオンラインサロン「Online Salon Grow」様のスマホ特化型LPを制作しました。

WEB SITEはこちら

デザインのポイント

1.ユーザーの行動を導くファーストビュー設計

トップのファーストビューセクションに、実際のヨガをしている様子が伝わる動画を使用し、PC版ではサロン名+CTAを右に、スマホ版では上部に効果的に配置し、サロンの世界観を保ちつつ、ユーザーを迷わせない導線設計を意識しています。

2.ブランドカラーを統一した安心感ある世界観

配色は既存のInstagramなどを参考に、色味・フォント・余白などの基準を統一し、サイト全体でサロンのブランドイメージに一貫性を持たせることで、高級感もありながら余白のある世界観を演出しています。

3.アニメーションで世界観の演出を助長

ファーストビュー表示の前にサロンのキャッチコピーがローディングアニメーション風に浮かび上がる仕様になっており、ゆったりとした世界観を表現しています。また、ナビゲーションをホバーすると文字間が動き、あしらいのラインも伸びるようになっており、ヨガの体を伸ばす動きを連想させるような工夫をしています。

4.グラフィックや写真による直感的な理解促進

サービス概要やサロンの特徴をテキストだけでなく、アイコンやイラスト、写真を効果的に使用することで、情報が分かりやすく伝わるよう配慮しています。

5.SNSからの流入を意識したモバイルファースト設計

Instagramからの遷移をメインターゲットと想定しているため、スマホ特化型のLPをご提案させていただきました。PC・タブレットなど他デバイスでも余白にCTAやナビゲーションを配置し、自然に整うデザイン構造にしています。