- 表示完了
- 旧サイト 6.7 s リニューアル後 0.34 s
- 転送量
- 旧サイト 1,709 KB リニューアル後 823 KB
- リクエスト数
- 旧サイト 129 リニューアル後 26
- 対応言語
- 旧サイト 英語のみ リニューアル後 日本語・英語
トップページを2026年11月8日に計測しました。旧サイトとリニューアル後を同じ端末・同じブラウザで、東京からキャッシュなし、1440×900で比較しています。リニューアル後のアクセシビリティ検査（axe、WCAG AA）の違反は0件です。
クライアント / 株式会社Nin-Ja Company 分野 / ゲームアート・リアルタイム3D 開始 / 2026年
株式会社Nin-Ja Companyは、国内外のゲームタイトルにキャラクター、背景、テクニカルアートを提供する東京のスタジオです。当社は同社コーポレートサイトの全面リニューアルを、調査と設計から開発、公開まで一貫して担当しました。目的は、海外のパブリッシャーと国内企業という2つの発注層に対して、制作実績と会社情報を確かめられるかたちで示し、問い合わせの質を高めることです。
サイトそのものが同社の技術水準を示すよう、訪問者のブラウザでリアルタイム3Dの世界を描画しています。その下に、発注前の確認に必要な情報を整えました。公式クレジット付きの制作実績、法人番号と適格請求書発行事業者登録番号を公的な登録情報にリンクした会社概要、英語と日本語それぞれで書き下ろした本文です。
担当範囲 / 調査・ブランド戦略／ウェブデザイン／リアルタイム3D／日英コピー／フルスタック開発
Our role / 担当領域
- 調査・ブランド戦略
- デザイン・リアルタイム3D
- 日英コピー
- フルスタック開発
Signature / 技術と表現
- リアルタイム描画 WebGPU ブラウザ上で3Dの世界をリアルタイムに描画します。古いブラウザでも、別の描画方式に自動で切り替えて表示します。
- フレームレート 60 fps 端末の性能に合わせて解像度と品質を自動で調整し、なめらかな動きを保ちます。
- オリジナルビジュアル 32 このサイトのために制作したアートセットです。HDRディスプレイ向けの版も用意しました。
- インタラクション 14 セクションごとに用意したインタラクションと写真エフェクト。ゲームスタジオらしい遊び心を、ビジネスサイトの分かりやすさと両立させました。
What we built / 制作内容
Creative / クリエイティブ
- コンセプトとブランドシステム 「忍」を軸にしたコンセプト、タグライン、4つの行動規範を策定し、17ページのブランド・ウェブガイドラインとして納品しました。
- アートディレクション サイトのために制作した32点のビジュアルに、HDR版と縦長版を用意しました。制作実績の紹介には公式素材のみを使用しています。
- インタラクション セクションごとの演出、写真へのエフェクト、集めて楽しめる仕掛けを設計しました。ゲームスタジオらしさを伝えつつ、業務サイトとしての読みやすさを保っています。
- サウンドデザイン 録音とシンセシスによるUI効果音と、サウンドトラックのプレーヤーを用意しました。初期状態は無音で、訪問者が選んだときだけ再生します。
- 日英コピーと組版 英語と日本語を別々に執筆しました。日本語の改行位置が読みやすくなっているか、13の画面サイズで自動確認しています。
- 営業導線の設計 発注者の検討順に沿ったページ構成、3つの契約形態の提示、6項目のご相談フォームを設計しました。
Technology / テクノロジー
- リアルタイム3D描画 最新の描画技術（WebGPU）で3Dを描画し、古いブラウザでは別の方式に自動で切り替えます。端末の性能に合わせて画質を自動で調整し、どの環境でも滑らかに表示します。
- パフォーマンス 3D表現と音声を含みながら、初回の転送量は823 KBです。動画や音楽などの重いメディアは、訪問者の操作後に読み込みます。
- アクセシビリティ エフェクトのオン・オフ切り替えと、動きを減らすOS設定に対応しました。axeによるWCAG AAの検査で違反は0件です。
- タッチとiPad Apple Pencilとタッチ操作に対応し、iPadとiPhoneのホーム画面にアプリとして追加できます。
- 配信基盤と運用 Cloudflareの世界的なネットワークから高速に配信しています。更新は自動で公開され、変更ごとに公開前の確認用ページを用意しています。クリエイター登録フォームも同じ基盤で安全に稼働しています。
- 検索対応とドメイン移行 構造化データ、サイトマップ、SNS用のプレビューを実装しました。ドメイン移行では既存のメール設定を維持し、旧URLからのリダイレクトを設定しています。
Inside the site / 公開中の画面
Process / 進め方
- 調査 旧サイト（60ページ）、社内の改訂案（60ページ）、公開されている制作実績と公的な登録情報を確認しました。
- 定義 発注層を海外のパブリッシャーと国内企業に定め、目標を案件の数と規模の拡大に置きました。
- 設計 コンセプト、ブランドシステム、ページ構成、インタラクションを設計しました。
- 実装と検証 公開までの53件の変更は、すべてプレビュー環境で確認してから本番に反映しました。
Mobile / モバイルと日本語版
