# SDB - 中央大学 スポーツ情報学部 > Work — IE3 / https://ie3.jp/work/sdb > > Published: 2026-04-01 2027 年 4 月に中央大学が新設する「スポーツ情報学部」のブランディング制作を担当しました。 キービジュアル制作を起点に、学部ロゴ、公式 Webサイト（[sdb.chuo-u.ac.jp](https://sdb.chuo-u.ac.jp)）、スペシャルコンテンツ、映像までを一貫して設計・開発しました。 IE3 はビジュアルの方向性設計からデザイン、実装、技術開発までをチーム内で完結させることを強みとしています。 本案件ではキービジュアル制作の依頼を起点とし、そこで提示した「データから造形が立ち上がる」という視覚原理を軸に、学部のタッチポイント全体へとスコープを広げていきました。 キービジュアルは、中央大学サッカー部・関東リーグ戦における一節の逆転ゴール前後 30 秒 / 900 フレームの実トラッキングデータから生成した立体造形作品です。YOLOv8x と ByteTrack で 22人の選手位置を検出・追跡し、ホモグラフィ変換でフィールド座標に写像しました。各フレームの選手配置が描く多角形を時間軸方向に積み上げ、二本の螺旋として再構築しています。openFrameworks でリアルタイム生成した造形を GLTF で書き出し、Blenderで高解像度レンダリングに繋ぐパイプラインも構築しました。 学部ブランドロゴは、学部名であるSports Data science and Businessから頭文字のSDBをロゴ化しており、スポーツの躍動とデータの構造性を重ね合わせた意匠として設計しました。学部のブランドカラーとしてスポーツとビジネス2つの領域を横断する意味合いを持たせた青と赤のグラデーションを定義し、以降のすべてのクリエイティブに対して象徴的にデザインしています。 学部公式サイト（[sdb.chuo-u.ac.jp](https://sdb.chuo-u.ac.jp)）は、カウンター状に流れる数字、3 列に分散するタイポグラフィ、キービジュアルから派生した背景グラフィックとシェーダーエフェクトを組み合わせ、「データから立ち上がる造形」という視覚言語をサイト全編に織り込みました。時間経過に応じて赤と青の比率が変化するグラデーションを実装し、同じページが時刻によって異なる表情を見せる構成としています。 スペシャルコンテンツ「打球データ可視化」（[sdb.chuo-u.ac.jp/special](https://sdb.chuo-u.ac.jp/special)）は、Rapsodo で計測した 1,502 球の打撃練習データを 3 つのストーリーに編集したインタラクティブページです。打球軌道の 3D 再現、フィールド俯瞰での落下地点マッピング、速度 × 角度 × 飛距離の散布図を、スクロール連動で段階的に開示するストーリーテリング設計としました。 コンセプト設計、アートディレクション、ロゴ、Web デザイン・実装、AI による選手トラッキングから 3D 造形生成までを IE3 チーム内で担当しました。 ## Media ![](https://cms-media.ie3.jp/01-1.jpg) ![SDB - 中央大学 スポーツ情報学部 ウェブサイト映像](https://cms-media.ie3.jp/sdb-launch-low-boy380g8.mp4) ![SDB - 中央大学 スポーツ情報学部 ウェブサイトイメージ](https://cms-media.ie3.jp/sdb-br-4-hsd4cr23.png) ![SDB - 中央大学 スポーツ情報学部 ウェブサイトモックアップPC](https://cms-media.ie3.jp/sdb-br-6-k9svhkhz.png) ![SDB - 中央大学 スポーツ情報学部 ウェブサイトモックアップ](https://cms-media.ie3.jp/sdb-br-3-7mzs857a.png) ![SDB - 中央大学 スポーツ情報学部 ブランドロゴ](https://cms-media.ie3.jp/sdb-br-2-xkpg4ufp.png) ![SDB - 中央大学 スポーツ情報学部ブランドガイドライン](https://cms-media.ie3.jp/sdb-br-5-bfppjo4e.png) ![](https://cms-media.ie3.jp/sdb-leaflet-dpo63pj5.png) ![リーフレット1](https://cms-media.ie3.jp/sdb_leaflet01-m73q5i9b.png) ![リーフレット2](https://cms-media.ie3.jp/sdb_leaflet02-u84zkoyg.png) ![リーフレット2](https://cms-media.ie3.jp/sdb_leaflet03-vob5ej3h.png) ![リーフレット4](https://cms-media.ie3.jp/sdb_leaflet04-f94jjlow.png) ![SDB - 中央大学 スポーツ情報学部 ポスター](https://cms-media.ie3.jp/sdb-poster-jd6etsj6.png) ![](https://cms-media.ie3.jp/03-1.jpg) ![](https://cms-media.ie3.jp/04-1.jpg) ![](https://cms-media.ie3.jp/05-1.jpg) ![](https://cms-media.ie3.jp/02-1.jpg) ![](https://cms-media.ie3.jp/06-1.jpg) ![](https://cms-media.ie3.jp/07-1.jpg) ![](https://cms-media.ie3.jp/08.jpg) ![](https://cms-media.ie3.jp/09.jpg) ## Credits - Producer: 大野 鉄平 (NION INC.) - Planner: 山中 雄介 (kome inc.) - Copy Writer: 三島 邦彦 - Web Project Manager / Web Director: 片山 昇平 (kome inc.) - Data Visualization: 田中 陽 (IE3) - Web Art Director / Designer: 宮本 昌典 (IE3) - Web Technical Director / Developer: 小岩原 直志 (IE3) - Movie Director: 近藤 寛史 (STNW Inc.) - Movie Data Visualization: 田中 陽 (IE3) - Music & Sound Design: 氷室 良晃 - Mixer: 平田 圭 (qooop, Inc.) - Narrator: 和田 あかり ## Links - [中央大学 スポーツ情報学部](https://sdb.chuo-u.ac.jp/)