自社の営業用ランディングページを作成しました。
アニメーションを豊富に取り入れる事で、眼を引き、最後まで見たくなるような動きのあるWEBサイトに仕上げました。
本制作では、訪問者の離脱を防ぎ最後までスクロールさせる「導線設計」を最重要テーマとして意識しました。ファーストビューには視線を強く引きつけるダイナミックなフェードインアニメーションを採用し、ブランドの第一印象を印象的に演出しています。セクションごとにスクロールトリガー型のアニメーションを配置することで、ページに「リズムと呼吸」を生み出し、コンテンツを飽きさせずに読み進めさせる体験設計を徹底しました。
配色はブランドの信頼感と行動喚起を両立させるため、落ち着いたベースカラーに対してCTAボタンのみ高彩度のアクセントカラーを採用し、視線が自然とお問い合わせへ向かうよう設計しています。レイアウトはF字・Z字の視線導線を意識した余白設計とし、情報の優先順位を明確に整理することで、読了率と成約率の向上を狙っています。アニメーションの量・速度・タイミングも精緻に調整し、「動きすぎず、でも単調でない」絶妙なバランスに仕上げました。