LP サービス紹介

概要

これまで企業向けのランディングページ（LP）制作に携わってきましたが、契約上の制約などにより、制作実績として公開できない案件もあるため、イメージが伝わりやすいよう自社のLP制作サービスを題材としたランディングページを制作しました。

担当

・企画・構成： コンテンツ設計、導線設計
・デザイン： ファーストビュー、レイアウト、配色
・コーディング： HTML / CSS / JavaScript
・アニメーション： CSS / JavaScriptによる動きの実装
・レスポンシブ対応： PC・タブレット・スマートフォン

制作ポイント

ファーストビューの印象や視線誘導、アニメーションによる演出など、見せ方にもこだわっています。

1. ファーストビューの印象づけ

ページを開いた瞬間に興味を引き、サービスの魅力が直感的に伝わるよう、キャッチコピーとビジュアルの見せ方を工夫しました。

2. 共感から始まる構成

悩みへの共感から始め、特徴、選ばれる理由、制作の流れの順に読み進めることで、自然と納得感が深まる構成にしました。

3. アニメーションによる演出

動きを取り入れることで、静的なページにはない印象的な表現を目指しました。アニメーションのタイミングやスピードを調整し、視覚的な楽しさと読みやすさの両立を意識しています。

4. お問い合わせへの導線設計

サービスの特徴を順序立てて紹介し、興味を持ったユーザーがスムーズにお問い合わせへ進めるよう、コンテンツの構成やCTAの配置を工夫しました。