紹介動画シリーズ

ブラウザゲーム「Zig-Zag Hero」の30秒紹介動画

左右の2ボタンだけで遊ぶ1次元のアクションシューター「Zig-Zag Hero」の30秒の紹介動画です。覚えるキーが多い困りごとから、2ボタンに絞る場面、自動で撃つ武器、コンボ、レベルアップまでを、アーケードの画面に見立てて見せています。

  • ブラウザゲーム
  • 30秒
  • 文字:英語
  • 自主制作
  • 公開

依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。

Zig-Zag Heroとこの紹介動画

Zig-Zag Heroは、左右の2ボタンだけで遊ぶ、ブラウザのアクションシューターです。主武器は自動で撃ち、左右の押し方のコンボでスキルが出て、レベルアップのたびに新しいスキルを選べます。短い休憩のあいだに、アクションを一通り遊べるように作られています。

製品
Zig-Zag Hero(ブラウザゲーム)
動画
30秒・横16:9・画面の文字は英語・ナレーションなし

動画で見せたこと

  • 覚えるキーが多くて気軽に遊べない困りごとを、40個の鍵盤が光る演出で見せ、キーが左右の2つだけになる場面につなげました。
  • 武器が自動で撃つことと、左右の押し方のコンボでスキルが出ることを、公式のプレイ画面に寄り、「Big Shot」を囲んで見せました。
  • レベルアップで新しいスキルを選べることを、白い光と「LEVEL UP」の見出し、公式のスキル選択の画面で見せました。

30秒の流れ

0〜2秒 「ZIG-ZAG HERO」の文字と「Stage 1 · a five-minute break」が出て、稲妻の折れ線が走ります。

2〜5秒 「Just want a quick game?」の見出しで、40個の鍵盤の絵が次々に光ります。覚えるキーが多いことを示す演出の鍵盤です。

5〜9秒 「Two buttons. That's it.」の見出しで、鍵盤が左右の2つだけ残って弾み、左右に分かれます。公式のカバー画像が出て、「ITEM GET」の札が付きます。

9〜13秒 「Your weapon fires itself」の見出しで、公式のプレイ画面に寄ります。左右のキーが交互に押され、2枚目のコマに切り替わります。

13〜17秒 「Left-right combos」の見出しで、プレイ画面の「Big Shot」の表示に寄って囲みます。下で左・右・右のキーが順に光ります。

17〜22秒 「LEVEL UP」の見出しが衝撃のコマで出て、白い光が走ります。公式のレベルアップとスキル選択の画面に寄ります。

22〜27秒 「STAGE CLEAR」の見出しで、公式のカバー画像をゆっくり寄せます。

27〜30秒 公式のカバー画像と「Zig-Zag Hero」、開発元のアイコン、製品のURLを出して締めます。稲妻の折れ線がもう一度走ります。

表現で工夫したこと

窓の外はアーケードのアトラクト画面に見立て、黒に近い紫の地に橙の格子の床を敷き、見出しは夕焼け色のBungeeとChakra Petchで組みました。左右2つのキーキャップと稲妻の折れ線を置き、ドット絵風の書体は使っていません。カバー画像とプレイ画面のコマ、開発元のアイコンは公式のものを加工せず、寄る・囲むだけにしています。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。

自社の製品の紹介動画を相談する

企画が固まっていない段階からご相談いただけます。

紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る
無料で相談する