LP:Added Pallas様
Added Pallas様のコーディングスクールのLPです。
▼ 制作範囲
ワイヤーフレーム/画像生成&補正/デザイン
▼ デザイン意図
- コピーの流れに沿って、「課題提起 → 共感 → 実績 → 解決策 → 次の一手」が自然に理解できるよう、情報の切り替わりごとに背景色・レイアウトを分けて表現しています。
- ファーストビューではキャッチコピーの視認性を最優先し、人物写真は男女両方使用することで、「自分ごと化」できるようモデルを選定し、スクロール前にCTAボタンへスムーズに視覚誘導できるデザインにしています。
- 暗め・グレー調のお悩みセクションでは停滞感を表現し、ブルー・ホワイトを基調としたセクションで、解決・前進・信頼感を表現することで、“脱・低単価”というテーマを視覚的にも伝えるためのコントラスト設計にしています。
- 「実績・数字・評価」を強調するために、円グラフや★評価などの関連データをデザインで落とし込みました。
- 情報量がに圧倒されて離脱を防ぐために、余白の取り方には特に注意して視認性を確保し、縦長LPでも読み疲れしないリズム設計を心がけました。
- 要点となるコピーでは大胆なサイズ差をつけ、スクロール中でもメリハリが感じられる構成にしています。
- 全体のトーンは信頼感のあるビジネス系デザインをベースにしつつ、人物写真や丸みのあるUI要素を取り入れることで、専門性と親しみやすさのバランスをとっています。
- スマートフォン閲覧を前提とした情報密度の最適化のために、1画面内に詰め込みすぎず、「1スクロール=1メッセージ」になるよう構成しました。
- 忙しい時間の中でもコピーの要点が流し読みで把握できるよう設計しています。
▼ 制作期間
2週間
▼ 使用ソフト
Adobe Illustrator
Adobe Photoshop