WORKS 実績 / お客様の声

最新タイトルの世界観をダイレクトに伝えるゲーム制作会社のWEBブランディング | Studio51 株式会社様(東京都)

CLIENT OVERVIEWクライアント概要

東京都を拠点に、コンシューマーゲームからスマートフォンアプリ、さらには最先端のCG映像制作まで、デジタルコンテンツのあらゆる領域で卓越したクリエイティビティを発揮されている企業様です。
企画・開発からグラフィック制作に至るまでを一気通貫で手掛ける高い技術力を持ち、日本国内のみならずグローバルなエンターテインメント市場においても確固たる存在感を放っておられます。
常にプレイヤーの心に火を灯すような、革新的で没入感のある体験を創り出すことに情熱を注ぎ続けておられる、プロフェッショナルなクリエイター集団としての誇りを持った企業様です。

※詳細はサイトを参照してください

基本情報

法人名Studio51 株式会社
業種 IT・ソフトウェア・通信
エリア 東京都
URLhttps://studio51.co.jp

OUR APPROACH制作アプローチ

ご要望

数々の作品を世に送り出すゲーム制作会社として、その圧倒的な表現力を余すことなく伝える「ゲーム会社らしい」WEBサイトへのフルリニューアルをご相談いただきました。
特に、新作の発表やイベントの開催といった会社の動向に合わせて、サイトの顔であるファーストビューの画像を、その都度最適なビジュアルへと自由かつスムーズに差し替えられる仕様を希望されました。
また、これまでの数多くの実績(Works)を、複雑な説明に頼ることなくシンプルかつ魅力的に表示することで、パートナー企業や採用候補者に対して自社の技術力をストレートにアピールしたいという強い想いをお持ちでした。

課題

従来のWEBサイトでは、刻一刻と進化する制作現場の熱量や、最新タイトルの魅力を即座に反映させることが難しいという構造上の課題がありました。
また、多岐にわたる実績情報を整理し、いかに視覚的なインパクトを維持しながら、ユーザーが迷わず情報に辿り着けるユーザビリティを確保するかが大きな焦点となりました。
過去にグループ会社のWEBサイト制作を担当させていただいた経緯から、私たちの仕事の進め方やクオリティには全幅の信頼を寄せていただいておりましたが、Studio51様独自の「遊び心」と「洗練された技術感」をどうデザインとして昇華させるかが重要な鍵となりました。

コンセプト

「クリエイティブの鼓動を、そのまま画面へ。」をメインテーマに掲げました。
サイトを訪れた瞬間に、現在進行形で生み出されている作品のエネルギーを感じていただけるよう、ビジュアルが主役となる動的なギャラリーのような設計を目指しました。
制作側でのテーマとしては、ゲーム業界らしいワクワク感を感じさせつつも、企業としての信頼感を損なわないよう、余計な装飾を削ぎ落としたスタイリッシュな空間美を追求しました。
作品の色彩や生命力が鮮やかに浮かび上がるような背景設計と、情報を整理したミニマルなレイアウトを融合させ、Studio51様の世界観を体現するWEBサイトを構築しました。

作業基本情報

制作期間1ヶ月程
公開時期2023年9月
制作費用感非公開
メインカラー オレンジ ブラック
サービス WEB(HP)制作 動画制作
ジャンル 企業・コーポレートサイト 採用・リクルートサイト

SCOPE OF WORK対応範囲

企画・要件定義フェーズ

プロジェクトの土台づくり・方向性決定

  • 要件定義
  • 制作進行・ディレクション
  • コンテンツ整理・導線設計
  • サイトマップ

情報設計・UX設計フェーズ

使いやすさ・構造を設計する工程

  • ワイヤーフレーム
  • UI/UX設計
  • レスポンシブ設計

デザイン・クリエイティブフェーズ

見た目・ブランド表現を形にする工程

  • デザイン提案
  • デザイン/複数案制作
  • コピーライティング
  • 素材選定
  • AI画像生成
  • 写真撮影
  • ロゴデザイン
  • ロゴデザイン/複数案制作
  • 動画制作
  • アニメーション制作

実装・開発フェーズ

サイトを実際に構築する工程

  • コーディング
  • CSS設計
  • パララックス実装
  • WordPress構築
  • スクラッチ開発
  • コンタクトフォーム7実装
  • 検索機能の実装

品質向上・最適化フェーズ

成果・安全性・速度を高める工程

  • SEO初期対策
  • 構造最適化
  • 表示速度・パフォーマンス最適化
  • セキュリティ対策
  • アナリティクス計測環境構築
  • SearchConsole環境構築

テスト・公開フェーズ

リリース前後の最終工程

  • テスト・検証
  • 校閲
  • 公開作業(リリース対応)
  • ドメイン取得代行
  • サーバー取得代行
  • サーバー・ドメイン初期設定
  • ドメイン移管
  • サーバー移管
  • データ移行

納品・運用引き継ぎフェーズ

公開後を見据えたサポート工程

  • 納品パッケージ
  • 運用設計・更新フロー設計
  • 操作レクチャー/引き継ぎ
  • 更新マニュアル
  • メールアドレス設定

DESKTOP DESIGNデスクトップデザイン(PC)

MOBILE DESIGNモバイルデザイン(SP)

PROJECT COMMENTARY制作側コメント

今回のプロジェクトで最も意識したのは、ゲーム制作会社としての「旬」を逃さない柔軟な仕組みづくりです。
新作タイトルの世界観に合わせてファーストビューを自由に入れ替えられるよう、管理のしやすさを徹底して実装しました。これにより、サイト全体が常に生きているような躍動感を持たせることが可能になりました。

また、実績ページについては、あえて情報を削ぎ落とし、画像そのものが語るシンプルな表示形式を採用することで、視覚的な訴求力を最大化させています。
制作の進行過程では、膨大な実績データをいかに整然と見せるかに苦心しましたが、グリッドレイアウトの微調整を繰り返すことで、直感的かつ洗練されたUIへと着地させることができました。
グループ会社の制作実績を通じて築いてきた信頼関係があったからこそ、Studio51様の深いこだわりをダイレクトに反映させることができ、細部のアニメーションに至るまで「クリエイターの矜持」を感じさせる仕上がりを実現できました。

TESTIMONIALお客様からの声

グループ会社のWEBサイトを制作していただいた際、私たちの想いを汲み取って形にしてくれる丁寧な姿勢とレスポンスの良さを実感していたので、今回のフルリニューアルも迷わずHIROGARUさんにお願いしました。
こちらの意図を瞬時に理解し、「ゲーム会社らしい」力強いデザインを提案していただけたことに大変満足しています。

特に、新作タイトルに合わせて自分たちでトップ画像を簡単に差し替えられる仕様は、情報のスピード感が求められる私たちの業界にとって非常に使い勝手が良く、助かっています。
実績ページもシンプルで分かりやすくなったことで、お取引先様からも非常に高い評価をいただいています。
私たちのクリエイティビティに寄り添い、共に素晴らしいサイトを創り上げてくださった最高のパートナーであると感じています。

※お客様からのコメントは読みやすいように再構成して掲載しております。

今すぐ無料相談