概要
本案件は、法人向けWebサービスの導入促進を目的としたランディングページ（LP）のコーディングを行ったものです。
Figmaで作成されたデザインカンプをもとに、HTML・CSS・JavaScriptを用いて忠実に再現し、レスポンシブ対応およびアニメーション実装を行いました。
また、サービスの理解促進とコンバージョン向上を意識し、情報設計およびユーザー導線を重視した構成としました。
ターゲット
・中小企業の経営者・管理職層
・業務効率化やDX推進に課題を感じている企業
・既存業務の非効率に課題を持つ担当者
・新しいITサービス導入に関心のある層
課題
・サービス内容が抽象的で、導入メリットが伝わりにくい
・競合サービスとの差別化が不明確
・導入後のイメージが想起しにくく、意思決定につながらない
・問い合わせや資料請求への導線が弱い
解決
・ファーストビューでサービスの価値を端的に伝え、離脱を防止
・課題提起 → 解決策 → 機能紹介 → 導入メリットの流れで構成し、理解しやすいストーリー設計とした
・図解やセクション分割により、複雑なサービス内容を視覚的に整理
・CTA（問い合わせ・資料請求）を適切に配置し、コンバージョン導線を強化
・スクロールアニメーションを活用し、ユーザーの理解促進と閲覧体験の向上を図った