FIIT

東京を中心に映像制作をメインにした広告制作会社「株式会社FIIT」様のランディングページを制作させていただきました。
WordPress、コーディングを担当させていただきました。

クライアントの課題解決を最優先にした企画のご提案をしており、主に法人向けのCMやPV、MVなどの監督やディレクターをやっています。ご安心いただける実績が豊富です。

実装・取り組みについて: 「動画・写真を主役に据え、実績を美しく一覧で見せたい」というクライアント要望に基づき、実績一覧にグリッドレイアウトとモーダル表示を採用しました。
ユーザー操作に応じて、各実績カードのクリック時に必要な動画埋め込み（iframe）をcreateElementで動的に生成し、初期表示では静止サムネイルのみを表示し、初期負荷を抑制しています。
モーダル表示においては、キーボード操作やEscキーでの閉じる機能、フォーカス管理、そして背景スクロール固定を実装しました。

アニメーションに関しては、ローディングからオープニングアニメーションまでGSAPで管理し、各セクションの表示演出はIntersection Observerと組み合わせて実装しています。
※掲載のキャプチャは制作時点のものです。公開後の更新により、現行サイトとは一部内容が異なる場合があります。