worksサイバーエージェント アニメ ブランドサイト

プロジェクト概要
Summary
株式会社サイバーエージェントが展開する アニメ&IP事業ブランドサイトの新規立ち上げを支援しました。
ロゴとアニメ映像の世界観を際立たせる演出設計に加え、グローバル展開を見据えた多言語・高セキュリティのサイト構築を実現しています。
クライアントの課題
Business Issue
・アニメ&IP事業 ブランドサイト立ち上げのため、アニメの映像とロゴを印象付けるアニメーションの演出をご希望。
・運用ご担当者が更新できるCMSサイトの構築。セキュリティ向上のためmicroCMSが選択された。
・グローバル事業展開のため多言語サイトの構築の必要があった。
達成成果
Achievements
・microCMSのサイト立ち上げ。更新に合わせたAPI設計を行った。
グローバル展開を見据えた日本語/英語サイトを構築。将来の追加言語にもスムーズに対応可能な設計を行いました。
・ロゴのSVGアニメからUIのご提案など、クライアントデザインチームの伴走支援をいたしました。
アニメ映像とブランドロゴを融合させたダイナミックなアニメーション演出を実装し、ファーストビューで世界観を瞬時に訴求した。
・Cloudflareのセキュリティ対応/脆弱性対応の支援を行った。
システム開発/Webコンサルティングについて提案いたします
事業やサービスの課題に合わせて、ご提案させていただきます。
打ち合わせでのヒアリングも可能です。
ロゴのモーション映像をSVG 化し、フレームアニメーションを JavaScript で制御しました。
映像とズレのないオーバーレイ表現を実装しています。
オリジナルのアニメーションを改変せずに重ね合わせることで、軽量かつ高解像度の演出を実現しました。
システム開発/Webコンサルティングについて提案いたします
事業やサービスの課題に合わせて、ご提案させていただきます。
打ち合わせでのヒアリングも可能です。