【課題】ランディングページ

■課題内容

【テーマ】

［サイトの概要］

• 都内で営業しているフィットネスクラブ「IDEAL GYM」の紹介LP（架空サイト）

［ターゲット層］

• 身体を鍛えたい、痩せたい、運動習慣をつけたい方

［目的・ゴール］

• 新規会員の募集、増加

■情報設計

【ペルソナ】

■ビジュアルデザイン

【コンセプト】

フィットネスクラブで感じられる開放感や安心感

スポーティーな躍動感やダイナミックさ

誰もが来やすい中立的なジェンダーレスさ

【配色】

• ペルソナ、コンセプトから対照色相を利用した配色でカラーを設定。全体的に類似したトーンでまとめ、アクセントカラーは目立たせたいので彩度を高くしてより鮮やかな印象に

清潔感、落ち着きの白

信頼感の青、活動的でエネルギッシュな赤

インパクトがあり好奇心を助長する黄緑

【フォント】

［本文］

• モダンでカジュアルなサンセリフ、ゴシック体のフォントを使用

DIN 2014／游ゴシック

［見出し］

• 太いフォントでダイナミックさを出し、インパクトがあるフォントの使用

Quiet Sans

■実装内容

■デザインのポイント

【ファーストビュー】

【バナー】

【About】

【Point】

【Service】

【Price】

【CTA】

■制作のポイント／学んだ点

【制作のポイント】

• コンセプトと合致した写真の色調にレタッチすることで、全体的な雰囲気を統一しました。各々の要素に同方向のフェードを実装し、サイトに安定した流れを生み、ユーザーの心情を意識した動きをつけました。

【学んだ点】

• フェードの方向や速度でユーザーの体験が異なり、実装内容でメリットデメリットの双方に傾く可能性があること。写真の色調が与える印象の変化、周りの要素への影響が大きいこと。