PlaySmith
サービス

iGamingプラットフォーム向けカジノゲームUI/UX・ロビーUIデザイン

著者 Jim Tseng, 創業者 兼 アートディレクター更新日

PlaySmith Studioは、カジノゲームとiGamingプラットフォームのインターフェース層を専門に設計するスロットゲームアートの外注先です。スロット内UI(スピン、ベット、残高、ペイテーブル、オートプレイ、WIN表示)、ロビーUI、Web/アプリの製品画面まで対応します。台湾を拠点とする20名以上のアーティストが、デザインシステム、コンポーネント仕様、エンジン対応の書き出しデータを納品し、コード・数学モデル・組み込みは御社の開発チームが担当します。

チーム
アーティスト20名以上
制作キャパシティ
月あたり最大5タイトルを並行制作
スロット一式の制作期間
1タイトルあたり30営業日
プロジェクト料金
1タイトルUS$8,000〜(参考価格)
書き出し対応エンジン
Spine、Unity、Cocos、HTML5
返信目安
3〜5営業日以内

カジノゲームUI/UXデザイン会社はスロットに何を納品するのですか?

スロットタイトルでは、プレイヤーが触れるすべての画面と操作部をPlaySmith Studioがデザインします。スピンボタンと各ステート、ベット・残高パネル、ペイテーブルとルール画面、設定、オートプレイ操作、WIN表示、ローディング画面とイントロ画面などです。各要素はゲームのアートディレクションに合わせて描き起こすため、インターフェースが上から貼り付けたレイヤーではなく、世界観の一部として見えます。

担当範囲はビジュアルデザインとインタラクションデザインのみです。各操作部の見た目、アニメーション、反応を当社が定義し、ゲームロジック・数学モデル・RNGとの接続は御社の開発チームが行います。

  • スピンボタン:待機、押下、無効、ターボ、ストップの各ステート
  • ベットと残高:ベット選択、コイン価値、合計ベット、残高、WIN欄
  • ペイテーブルとルール:シンボル配当、フィーチャー説明、ライン/ウェイズ図
  • 設定とオートプレイ:サウンド、速度、オートプレイ回数、損失上限ダイアログ
  • WIN演出:WINカウンター、BIG WIN、MEGA WIN、フィーチャー突入パネル
  • ローディングとイントロ:進捗画面とフィーチャー紹介

iGamingロビーUIデザインには何が含まれますか?

ロビーデザインは、プレイヤーがゲームを探して起動するまでの画面全般を対象とします。ホーム、ゲームコレクション、カテゴリタブ、検索、プロモーション枠、そしてロビーとゲーム間の遷移です。まず情報の優先順位を設計し、その後にビジュアル層を仕上げるため、注目タイトル、新作、ジャックポットが互いに競合することなく見つけやすくなります。

納品物には、デスクトップWeb、モバイルWeb、ネイティブアプリ各フレーム向けのロビーレイアウトに加え、御社フロントエンドチームが構築・拡張するためのコンポーネントセットが含まれます。

ロビー領域当社がデザインする内容御社にご用意いただくもの
ホームと注目枠ヒーロー枠、注目ゲームカード、ジャックポットティッカー掲載するゲームとプロモーションの選定
コレクションとカテゴリタブシステム、フィルター、カードグリッド、並べ替え操作カテゴリ分類とゲームのメタデータ
プロモーションバナー枠、ボーナスカード、トーナメントのリーダーボードキャンペーン文言とオファーの規定
遷移ロビーからゲームへのローディング、ロビーへ戻る導線、モーダルのパターンゲームランチャーの技術的制約
アカウント関連ロビー内のウォレット、履歴、プロフィールへの入口コンプライアンスとKYCの要件

縦画面と横画面の両方に対応したスロットUIはどのように設計しますか?

スロットUIは、1つのレイアウトを引き伸ばすのではなく、連動する2つのレイアウトとして設計します。縦画面ではリール領域を上寄りに置き、操作部を親指の届く下部にまとめます。横画面ではベットとスピンの操作部を左右に移し、リールをできるだけ大きく保ちます。両者は1つのコンポーネントライブラリを共有するため、スピンボタンを変更すればすべての画面に反映されます。

主要なスマートフォン・タブレットのアスペクト比に対応したセーフゾーンガイドを提供し、各コンポーネントのアンカーと拡縮ルールも明記するため、エンジン側で迷わず画面を組めます。

要素縦画面レイアウト横画面レイアウト
リール領域中央上寄り、全幅中央、最大高さ
スピンと操作部親指の届く下部バー右側に縦積み
ベットと残高操作バーの上左側または下部の両隅
WIN表示リール上部にオーバーレイリール中央にオーバーレイ
ペイテーブルと設定全画面パネルサイドパネルまたは全画面

カジノUIのレイアウトを多言語対応にするにはどうしていますか?

同じラベルでも言語によって数倍の長さになることがあるため、すべてのテキスト領域に拡張余地を持たせ、コンポーネントごとに折り返し・縮小・省略のいずれかのフォールバック動作を指定します。フォントは対象とする文字体系をカバーするものを選び、数値・通貨・日付はフォーマットが変わってもレイアウトが崩れない位置に配置します。

当社サイト自体も9言語(繁体字中国語、簡体字中国語、英語、日本語、ベトナム語、タイ語、インドネシア語、スペイン語、ブラジルポルトガル語)で運用しているため、アジア、欧州、中南米の市場で御社のゲームが直面する文字数や文字体系の課題を、チームが日常的に扱っています。

デザインにはどのようなアクセシビリティの基本が組み込まれていますか?

カジノ製品で現実的に対応できる基本事項を組み込みます。複雑な背景に対するテキストと操作部のコントラスト、片手プレイに適したタッチターゲットのサイズ、色だけでなく形やラベルでも示すステート変化、スマートフォンでも読める文字サイズ、WIN演出や遷移アニメーションの動きを抑えたバリエーションなどです。各ルールはコンポーネント仕様書に明記するため、実装後も失われません。

PlaySmithのカジノUI/UXデザインはどのようなチームに向いていますか?

本サービスは、エンジニアリングと数学モデルをすでに社内に持ち、専任のインターフェース層を必要とするチームに向けています。

  • 新作やリスキンを出荷するスロットスタジオで、各テーマに合わせたゲーム内UIが必要な場合
  • ロビーを刷新する、または新ブランドのフロントエンドを立ち上げるオペレーターやプラットフォーム事業者
  • 顧客がスキンを差し替えられるホワイトラベルUIキットを必要とするアグリゲーターやB2Bプラットフォームベンダー
  • ゲーム本体は動作しているものの、インターフェースが仮置きのままの開発チーム

カジノUI/UXプロジェクトの範囲と料金はどのように決まりますか?

範囲は3つの問いで決まります。どの画面か(ゲーム内UI、ロビー、Web/アプリの製品画面)、どの画面向きとブレークポイントか、どのエンジン向けに書き出すか、です。書面のブリーフをいただければ、範囲と見積もりを返送します。打ち合わせは不要です。

UI/UX作業はブリーフごとに個別見積もりです。参考として、シンボル、キャラクター、背景、Spine(スパイン)アニメーション、VFXにゲーム内UIを加えたスロットビジュアル一式の制作は、1タイトルあたりUS$8,000〜、期間はおよそ30営業日です。複数タイトルのパイプラインを持つスタジオは、専任チームと優先スケジュールが付く月間キャパシティプランへ移行できます。エンタープライズおよびホワイトラベルの契約は別途お見積もりします。

範囲主な内容向いている相手
ゲーム内スロットUI1タイトル分の操作部、パネル、ペイテーブル、WIN表示(縦・横両対応)開発中タイトルにUIを追加するスタジオ
ロビーインターフェースホーム、コレクション、カテゴリ、プロモーション、遷移、コンポーネントセットオペレーターとプラットフォーム事業者
Web/アプリ製品UI登録、ウォレット、アカウント、プロモーション、ロビー、レスポンシブ画面新ブランドやプラットフォームの再始動
月間キャパシティUIとアート作業を継続的に受ける専任チーム年間に複数タイトルを出荷するスタジオ

納品物には何が含まれますか?

デザインシステム、コンポーネント仕様書、そのまま使える書き出しデータを納品します。完了と最終支払いの時点で、ソースファイルの知的財産権はすべて御社に移転します。

  • デザインシステム:製品またはタイトルの配色、タイポグラフィ、余白、アイコン、モーションのルール
  • コンポーネント仕様書:すべてのステート、サイズ、アンカー、拡縮ルールをレッドラインとともに記載
  • レイアウト:範囲で合意した各ブレークポイントの縦画面・横画面
  • 書き出しデータ:Spine、Unity、Cocos、HTML5向けにスライス・命名済みのアセットパッケージ。自社のパッケージングシステムでサイズと形式を検査し、エンジン別のドキュメントを添付
  • ソースファイル:レイヤー構造を保ったデザインファイルとアニメーションの元データ

制作の流れはどのようになっていますか?

すべてのプロジェクトは同じ4段階で進行します。マイルストーンは常に御社から確認でき、プロジェクト単位の案件には大幅な修正1回分が含まれます。

  • 1. リサーチとコンセプト:御社のゲームまたはプラットフォーム、プレイヤー導線、対象市場の類似インターフェースを調査し、インタラクションパターンとレイアウトの方向性を提案します。
  • 2. アートディレクションとスタイル確定:1つの方向性を承認いただき、全コンポーネントのビジュアル基準として固定します。
  • 3. 制作:画面、コンポーネント、ステートをデザインし、必要に応じてアニメーションを付け、シニアアーティストの確認と自動QCでチェックします。
  • 4. アセット納品:パッケージ化した書き出しデータ、仕様書、ソースファイルを、御社エンジン向けのドキュメントとともにお渡しします。

御社の開発チームが担当する範囲は何ですか?

PlaySmith Studioが制作するのはビジュアルアセットとインターフェースデザインのみです。ソフトウェア開発、ゲームの数学モデルとRNG、プラットフォーム組み込み、バックエンドサービス、コンプライアンス実装は、御社または御社の技術パートナーの担当です。当社は御社の技術的制約に合わせてデザインし、エンジン形式を最初に確定するため、納品はファイルの受け渡しで完結し、再交渉にはなりません。

よくある質問

どちらも可能です。すでに制作中のタイトルに対してゲーム内UIだけを切り出して依頼することも、スロットビジュアル一式の制作に含めることもできます。一式にはシンボル、キャラクター、背景、ロゴ、ペイテーブルのビジュアル、Spineアニメーション、パーティクルVFX、ローディングとイントロのアニメーション、WIN演出が含まれます。一式の制作期間は1タイトルあたり30営業日で、チームは月あたり最大5タイトルを並行して進めます。

はい。リスキンやロビーの刷新では、御社の現行レイアウト、ブランドガイド、または稼働中の製品を起点とし、プレイヤーがすでに慣れている構造を維持します。当社のスタイル固定ワークフローでは、承認された方向性でプロジェクト専用モデルを学習させるため、新しいコンポーネントはすべて既存アセットと同じビジュアル基準を共有します。

アセットパッケージはSpine、Unity、Cocos、HTML5向けに用意します。自社のパッケージングシステムがスライス、一貫した命名、サイズと形式の検査を行い、エンジン別のパッケージをドキュメント付きで生成します。御社のフロントエンドがゲームエンジンではなくWebフレームワークの場合は、同じコンポーネントをレイヤー付きデザインファイルと書き出し済みアセットとして納品します。

レイアウトは言語に依存しないよう設計しています。テキスト領域には拡張ルールを持たせ、フォントは必要な文字体系に合わせて選び、数値欄は通貨や日付の形式の違いに対応して指定します。当社サイト自体も9言語で運用しているため、文字数や文字体系の課題にはチームが精通しています。最終的な対応言語はブリーフで確定します。

いいえ。PlaySmith Studioが提供するのはビジュアルアセットとインターフェースデザインのみです。ソフトウェア開発、ゲームの数学モデルとRNG、プラットフォーム組み込みは御社の開発チームが担当します。仕様書と書き出しデータは御社エンジニアの指定する形式で納品し、実装期間中もコンポーネントやステートに関するご質問に対応します。

キックオフ前、ブリーフ資料を共有いただく前にNDAを締結します。完了と最終支払いの時点で、アートのソースファイルの知的財産権はすべて御社に移転します。当社サイトに掲載しているポートフォリオ作品は、クライアントが名前の公開に明示的に同意した場合を除き自社のショーケース作品であり、クライアントの声も匿名で掲載しています。

hello@playsmith.studio宛て、またはお問い合わせページから書面のブリーフをお送りください。必要な画面(ゲーム内UI、ロビー、製品画面)、対象の画面向きとデバイス、エンジンまたはフレームワーク、対応言語、スケジュールをご記載ください。非同期でのやり取りを歓迎しており、打ち合わせは不要です。3〜5営業日以内に、ご質問または範囲を定めた見積もりを返信します。

プロジェクト単位の案件は1タイトルあたりUS$8,000〜を参考価格としており、確定見積もりではありません。スロット一式の制作では、アートセット全体、SpineスケルタルアニメーションとパーティクルVFX、透明性のあるマイルストーン管理、大幅な修正1回分が含まれます。UIのみやロビーの案件は、ブリーフに記載された画面とブレークポイントに基づいて見積もります。

UI/UXブリーフをお送りください。打ち合わせは不要です

必要な画面、画面向き、エンジン、対応言語をお知らせください。3〜5営業日以内に、範囲を定めた見積もりまたは確認事項を返信します。機密情報を共有いただく前にNDAの締結も可能です。

ブリーフを送る

本ページの数値は料金ページおよび llms.txt と同じ情報源に基づいています。