WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制作
ランディングページの専門書「ランディングページ・デザインメソッド(株式会社ポストスケイプ著/MDNコーポーレーション発行)」を紹介するランディングページを制作いたしました。
ランディングページのテーマ
実用書だからこそ、書籍のコンセプトをしっかり伝える
これまでありそうでなかったランディングページ制作の専門書であると感じたため、そのコンセプトがそのまま伝わるように、シンプルでありながらもインパクトのあるデザインを目指しました。また、書籍そのもののコンセプトやポイントとなる要素を端的に伝えることで、さらに具体的な内容に関心を持っていただけるよう情報の伝え方にも配慮しました。
ランディングページのデザインコンセプト
- 実用書だからこそ、硬い印象にならないように、メインビジュアルにアイキャッチとなる写真を選定し、インパクトのあるビジュアル表現に
- バナーや広告物でも展開しやすいメインビジュアル設計
- レスポンシブwebデザインでデバイスに応じた可変を意識したレイアウト設定
- 書籍のメイン要素となる「4つの制作ステップ」をシンプルな構成で表現
ランディングページのコーディング
- レスポンシブwebデザインで制作
- 訪問ユーザーがアクションしやすいようにヘッダー固定を実装
- ローディングアニメーションで「登場感」を演出
- 遅延表示で、1つ1つのセクションの印象値を高めるように実装
- サマリーコンテンツにパララックスエフェクトを実装し、コンテンツの関連性を強調
- 事例紹介コンテンツにはスライダーを実装
| カテゴリー | ランディングページ |
|---|
ランディングページ(LP)&サイト制作実績
経営者向けファッションスタイリングサービスのランディングページを制作
株式会社SO stylingさまが運営する、経営者向けファッションスタイリングサービスのレスポンシブランディングページを制作しました。新規LP制作にあたり、まずはGAの初期分析を実施し、リニューアルすべき対象ページの特定から支援。初…
子ども向け英語・英会話スクールのLPをリニューアル制作/LPOを担当
子ども向け英語・英会話スクールWinBe(やる気スイッチグループさま運営)のLPをリニューアルし、効果検証も兼ねたLPOを実施しました。従来のフォニックス特化訴求から、通うことで得られる価値にフォーカスしたLPへリニューアル後、Goo…






