広告代理店 コーポレートサイトリニューアル

案件概要

6ページのコーディングと、複数のスクロールアニメーション実装を担当しました。
WordPressテーマは新規作成し、既存のCMSデータを引き継いでいます。

実装・対応上の工夫

複数タイプのアニメーション実装

複数のアニメーション実装があり、いただいた参考サイトを元に実装しました。

• ローディング画面
• 背景スクロール連動糸アニメーション
• ピン止めスクロール文字色変化
• ピン止めカードスクロール

デザインを考慮した、レスポンシブ仕様の判断

レスポンシブ時、背景アニメーション用の線と周囲の画像に位置ずれが発生。
当初は要素ごとにpxで調整する予定でしたが、デザインの見え方が変わってしまうため、
制作会社に確認の上、vwによる等倍縮小へ変更しました。

SP表示でのreCAPTCHAバッジ重なり対応

SP表示でreCAPTCHAバッジがMVに重なっていたため、表示上の問題として報告しました。
あわせて、フォーム付近に必要な案内文を追加し、バッジを非表示にする方法を提案。
了承後、その内容で対応しました。

メンバー紹介の管理画面対応

メンバー紹介はカスタム投稿とACFで管理し、管理画面から追加・更新できるように実装。
プロフィールや画像の変更時に、HTMLを直接編集せず更新できる構成にしています。

進行・報告

表示崩れやアニメーションの挙動など、文章だけでは伝わりにくい内容は、
進捗報告の際にはNotionを用いてスクリーンショットを交えて共有しています。
「とてもわかりやすく安心できた」との評価をいただきました。

実際のNotionによる報告の様子(公開可能な範囲内で)