書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制作

実用書だからこそ、書籍のコンセプトをしっかり伝える

これまでありそうでなかったランディングページ制作の専門書であると感じたため、そのコンセプトがそのまま伝わるように、シンプルでありながらもインパクトのあるデザインを目指しました。また、書籍そのもののコンセプトやポイントとなる要素を端的に伝えることで、さらに具体的な内容に関心を持っていただけるよう情報の伝え方にも配慮しました。

• 実用書だからこそ、硬い印象にならないように、メインビジュアルにアイキャッチとなる写真を選定し、インパクトのあるビジュアル表現に
• バナーや広告物でも展開しやすいメインビジュアル設計
• レスポンシブwebデザインでデバイスに応じた可変を意識したレイアウト設定
• 書籍のメイン要素となる「4つの制作ステップ」をシンプルな構成で表現

• レスポンシブwebデザインで制作
• 訪問ユーザーがアクションしやすいようにヘッダー固定を実装
• ローディングアニメーションで「登場感」を演出
• 遅延表示で、1つ1つのセクションの印象値を高めるように実装
• サマリーコンテンツにパララックスエフェクトを実装し、コンテンツの関連性を強調
• 事例紹介コンテンツにはスライダーを実装