AID-DCC

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

THE GHOST IN THE SHELL COMMITTEE

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』の公式サイトのデザイン・演出・実装・運用などを担当しました。

Visit Site

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト


新しい時代の攻殻機動隊の世界観を、ロゴマーク・タイポグラフィ・グラデーションカラーを軸にしたシンプルなデザインシステムとダイナミックなレイアウトで表現しました。

レイアウトルールや、アイコン、パーツなどサイトデザインをシステム的に整理することで、サイエンスSARUが作る豊かなキャラクターデザインやアニメシーンを引き立てつつ、サイバーパンクの王道としての見え方を目指しています。また、日々更新されるストーリーやビジュアルなどの膨大なアウトプットや英語版対応など、アニメ公式サイトとして、さまざまなコンテンツを格納し発信していく情報のHubとしての役割を考え、更新性や汎用性を世界観を保ちながら設計・構築しました。


TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

サイトの演出面では、アナログなブロックノイズなどを使うことで、本作品の手描きなど、クラフトにこだわったアニメーション制作姿勢を演出しております。また、グラデーションカラーのモーションやカラーシステム、さまざまなアイコンパーツの演出など、細部のギミックにこだわることで、攻殻機動隊の世界観を最大限引き出しつつ、情報の妨げにならないよう工夫しております。

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

TVアニメ『攻殻機動隊 THE GHOST IN THE SHELL』公式サイト

©2026 Shirow Masamune/KODANSHA/THE GHOST IN THE SHELL COMMITTEE

Category

  • Digital Design
  • Experience
  • Own Products
  • Strategy
  • Branding

Tag

  • #System
  • #Web
  • #Art & Culture
  • #Entertainment
  • #Media
  • #Design
  • #Front-end

Credit

  • Agency
    THE GHOST IN THE SHELL COMMITTEE
  • Producer
    田中大地(maxilla) / 佐藤秋香(maxilla) / 宗海皓己(ii inc.) / 石井秀樹
    Director
    浅井蓮 / 深木崚真
    Art director / Designer
    中山健次郎
    Developer
    新藤翔
    Support Developer
    豊田晃士(maxilla)