NK — UI/UX Design Works

みらいいパーク 「ADVENTURE」

株式会社イノビオット

2023 ~ 2024

https://miraii.jp/

子どもたちが楽しみながら学べるゲームコンテンツ「ADVENTURE」のUX/UIデザインを担当しました。

ゲーム内では、さまざまなステージを冒険しながらカードや通貨「ミラ」を集め、獲得したミラを使って動物をコレクションしていきます。子どもたちが直感的に操作でき、自然と「次のステージへ進みたい」「もっと動物を集めたい」と感じられるよう、ゲーム全体の導線や画面構成、UIを設計しました。

また、PC・スマートフォンそれぞれの画面設計に加え、Riveを活用した演出設計にも携わりました。さらに、各シーンの世界観やゲーム進行に合わせたBGM・効果音の選定・編集・制作まで担当。画面だけではなく、動きや音を含めたゲーム体験全体のUXを意識して制作しています。

制作日

2024年5月

時間

-

担当

UXUIデザイン ※イラストはイラストレーターが担当

URL

https://peep.com/

ツール

Figma

担当

10人

「ADVENTURE」UX/UIデザイン

トップ画面|冒険への入口

ゲームを始める最初の画面として、「これから冒険が始まる」という期待感を感じられる世界観づくりを重視しました。

背景やUIをゲーム全体のピクセルアートのトーンに統一し、情報量を抑えて「スタート」へ自然に視線が向かうシンプルな構成に設計。アニマルコレクションへの導線も配置し、「冒険する」「集めた動物を見る」という2つの主要な体験へ迷わずアクセスできるようにしています。

アドベンチャー|探索・選択画面

物語を読みながら選択肢を選び、ステージを進めていくアドベンチャーパートです。
子どもたちが状況を理解して自分で考え、選択できるよう、ストーリーと選択肢をシンプルに構成。ゲームを通して「考える → 選ぶ → 結果を見る」という体験を繰り返せるUIにしています。

ステージ演出

ステージの切り替わりや物語の節目では、背景・タイトル・BGMを組み合わせた演出を設計しました。
単なる画面遷移ではなく、「次の場所へ冒険している」感覚を持たせることで、ゲームへの没入感と次のステージへの期待感を高めています。

アニマル結果画面

冒険で出会った動物の特性や能力を確認できる結果画面です。
動物を大きく見せることで「新しい仲間を獲得した」楽しさを演出しながら、タイプや能力、特徴などの情報をひと目で把握できるレイアウトに設計しました。

サウンド・演出設計

ゲーム全体のBGM・効果音について、シーンごとの役割を整理したうえで選定・編集・制作を担当しました。
Riveを活用した演出とサウンドを組み合わせ、探索・場面転換・ステージ進行など、それぞれのシーンに合った世界観を構築。画面デザインだけでなく「動き」と「音」を含めたゲーム体験を設計しています。