SEGA UNIVERSE｜NO OLD, STAY GOLD

【概要】

株式会社セガの往年IPの新展開を担うブランドプロジェクト「SEGA UNIVERSE｜NO OLD, STAY GOLD」のブランド・プロモーションサイト制作に、プロジェクトを担当するブランディングエージェンシーの外部制作パートナーとして参画しました。

【担当】

フロントエンド設計・実装、インタラクション実装、WordPress構築、多言語対応、パフォーマンス最適化

【使用技術】

HTML、CSS、JavaScript、GSAP、WordPress、PHP、GitHub

【制作体制】

ディレクター2名、デザイナー1名、フロントエンドエンジニア1名（外部制作パートナーとして参画）

【取り組みと成果】

■ 外部制作チームとの協働による世界観の実装

ディレクターやデザイナーと表現意図や技術的な実現方法をすり合わせながら、フロントエンド実装を担当しました。デザインを忠実に再現するだけでなく、画面上での見え方や操作感を検証し、ブランドの歴史と新たな展開への期待感が伝わるアニメーションやインタラクションとして実装しました。

■ 多言語展開と更新性を見据えた設計

世界中のファンへの情報発信を前提に、言語ごとの文字数やフォント描画の違いに柔軟に対応できるCSS・DOM構造を設計しました。WordPress上のコンテンツ構造とも連携させ、更新担当者が多言語情報を継続的に管理・更新できる構成を実装しました。

■ インタラクティブ表現と閲覧パフォーマンスの両立

ブランドの世界観をダイナミックに表現するため、GSAPを用いたスクロール連動演出やアニメーションを実装しました。同時に、デバイスごとの描画負荷を考慮して処理やアセットを最適化し、演出品質を維持しながら快適に閲覧できるWeb体験を構築しました。