キーボードのデザインツール「NuKey Studio」の30秒紹介動画
iPhoneのキーボードアプリNuKeyのテーマをブラウザで作る「NuKey Studio」の30秒の紹介動画です。キーの色を決めてQRコードで送り、iPhoneで置き場所を選ぶまでを携帯ゲーム機風のステージに見立てて見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
NuKey Studioとこの紹介動画
NuKey Studioは、iPhoneのキーボードアプリNuKeyで使うキーボードをブラウザで作るツールです。11のキーのまとまりの色をライトとダークで決められ、照明やLiquid Glass、キーキャップの形、スイッチと触覚、配列、文字の書体も変えられます。作ったらQRコードを作ってiPhoneで読み取ると、キーボードがNuKeyの取り込み画面で開きます。
- 製品
- NuKey Studio（キーボードのデザインツール）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 11のキーのまとまりの色をライトとダークで決められることを、Studioの実際の画面に寄って2か所を順に囲みながら見せました。
- 作ったものを手間なくiPhoneへ移せることを、QRコードを作るボタンから3つの手順を順に囲み、電話へ光が飛ぶ様子で見せました。
- iPhoneで受け取ってすぐ使えることを、NuKeyで置き場所を選ぶ画面に寄り、レベルアップの場面でアイコンを手に入れる形で示しました。
30秒の流れ
0〜2秒 ドットのブロックが跳ねる中にNuKeyのアイコンとNuKey Studioの名前、「Design a keyboard. Send it to your phone.」が出ます。
2〜8秒 STAGE 1として「Design a keyboard」と出て、Studioの実際の画面に寄り、2か所が順に囲まれます。
8〜14秒 STAGE 2として「Send it to iPhone」と出て、送る欄の3つの手順が順に囲まれ、ドットの電話へ光が飛びます。
14〜18秒 STAGE 3として「Pick a slot」と出て、App StoreのiPhoneの画面2枚にゆっくり寄ります。
18〜22秒 画面が一瞬光って「LEVEL UP!」と出て、Studioで作ったキーボードとしてアイコンが回りながら入ります。
22〜27秒 「STAGE CLEAR」の下にApp StoreのiPhoneの画面4枚が順に跳ねて並びます。
27〜30秒 アイコンとNuKey Studioの名前、nukeyapp.com/studioで締めます。
表現で工夫したこと
Studioの3つの手順をゲームのステージに見立て、昼の16bitの携帯ゲーム機のようなドットの世界で組みました。色はNuKeyのアイコンのミントとオレンジで、段々の空とドットの雲、墨とクリームの二重枠を合わせています。製品の画面はStudioとApp Storeの実際の画面をそのまま使い、電話のドットの枠と経験値のゲージは窓の外の飾りにとどめました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る