sen_logo

Madoka Takahashi

LP:Added Pallas様

Added Pallas様のコーディングスクールのLPです。


▼ 制作範囲
ワイヤーフレーム/画像生成&補正/デザイン


▼ デザイン意図

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


▼ 制作期間
2週間


▼ 使用ソフト

Adobe Illustrator
Adobe Photoshop