Figmaのデザインカンプをもとに、余白や文字サイズ、レイアウトのバランスを確認しながらデザインの再現性を意識してコーディングを行いました。 また、複数のCTA配置やボタンアニメーション、ファーストビューのアニメーションなど、ユーザーの行動を促すインタラクションの実装にも取り組みました。 さらに、下層ページやお問い合わせフォーム、ログイン画面の実装を通して、LP制作とは異なるサイト全体の構造を意識したコーディングを経験しました。
複数ページの実装を含む制作だったため、作業期間が長くなり進捗管理が課題でした。 そのため、納期から逆算したスケジュールを作成し、作業工程を日々のタスクに落とし込むことで制作を進めました。 また、ファーストビューのアニメーションについては運営側と認識をすり合わせながら調整を行い、実サイトとは異なるアニメーションを試すなど、クライアントとのコミュニケーションを想定した制作を経験することができました。