ブラウザゲーム「Blueline」の30秒紹介動画
ブラウザで5対5のアーケードホッケーが遊べるゲーム「Blueline」の30秒の紹介動画です。ページを開いてチームを選びCPUと試合をするまでをゲームのステージに見立てて進め、今回の更新点も添えています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Bluelineとこの紹介動画
Bluelineは、ブラウザで遊べる5対5のアーケードホッケーゲームです。インストールせずにページを開くだけで、CPUを相手に試合を始められます。今回の更新では、スマホでの画質を端末ごとに調整し、観客席のちらつきを直しています。
- 製品
- Blueline（ブラウザゲーム）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- インストールの手間がないことを、ページを開くとメニューが出ていて「PLAY NOW」を囲む場面で見せました。
- すき間の時間で一試合遊べることを、チームを選んでパックを落とし、CPUと5対5で戦う流れで見せました。
- 今回の更新は、スマホで鮮明になった絵と落ち着いた観客席を「LEVEL UP」のアイテムとして見せました。
30秒の流れ
0〜2秒 Bluelineのワードマークがはねて出て、「STAGE 1: ONE QUICK GAME」と出ます。
2〜7秒 「NO INSTALL NEEDED」と出て、ゲームのメニュー画面に寄り「PLAY NOW」を囲みます。
7〜12秒 「PICK YOUR CLUBS」と出て、対戦の組み合わせの行をなぞってからパックを落とします。
12〜17秒 「5-ON-5 VS THE CPU」と出て、試合画面のコマに順に寄っていきます。
17〜19.5秒 「LEVEL UP: SHARPER ON PHONES」と出て、サイトの共有画像がばねのように開きます。
19.5〜22秒 「LEVEL UP: STEADY CROWD」と出て、試合画面の観客席を囲みます。
22〜27秒 「CLEAR!」と出て紙吹雪が舞い、試合画面が下から上がってきます。補足は「No install. Just press play.」です。
27〜30秒 ワードマークとplayblueline.pages.devを出して締めます。
表現で工夫したこと
製品そのものがゲームなので、STAGE・TASK・LEVEL UP・CLEARの言葉で場面を進め、アーケードのドット絵で描いたリンクと走査線と氷のかけらを窓の外だけに掛けました。サイトにはロゴ画像がないため文字で組まれたワードマークを撮って使い、試合の画面は告知動画のコマからブラウザの枠を除いて切り出しています。書体はPress Start 2Pで、配色は紺・青・金・赤にしました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る