学習サイト「Learn Arduino」の30秒紹介動画
ブラウザの3DのArduino Unoで回路を学ぶ学習サイト「Learn Arduino」の30秒の紹介動画です。ボードを回す最初のレッスンから、LEDの点滅、サーボ、駐車センサーの作品までをRPGのステージに見立てて進みます。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Learn Arduinoのサイトを見るlearn-arduino-red.vercel.appXの投稿を見る@FablessBridge
Learn Arduinoとこの紹介動画
Learn Arduinoは、ブラウザの中の3DのArduino Unoで、1つずつ回路を組みながら学ぶ初心者向けのレッスンのサイトです。LEDを配線してRunを押すと点滅し、全11のレッスンは駐車センサーの作品で終わります。ログインなしで操作できます。
- 製品
- Learn Arduino（学習サイト）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 回路を初めて触る不安を、3DのUnoを回して眺める最初のステージから始めて和らげました。
- 書いたスケッチが動く手応えを、実行前の画面でRunを押しLEDが動き出す実際の連番で見せました。
- 11のレッスンを進む道のりを、ステージごとのLEVEL UPと宝石、最後の駐車センサーで表しました。
30秒の流れ
0〜2秒 公式アイコンと「LEARN ARDUINO」のタイトルが出ます。
2〜5秒 「ITEM GET」で、宝箱からアイコンが出てきます。
5〜10秒 「STAGE 1 MEET THE BOARD」で、3Dのボードを回す実際の画面を見せます。
10〜14秒 「STAGE 2 BLINK AN LED」で、Runを押すとLEDが動き出す画面を見せます。
14〜18秒 「STAGE 5 MIX COLOURS」で、色を混ぜるレッスンの画面を見せます。
18〜22秒 「STAGE 10 SWEEP A SERVO」で、サーボを動かすレッスンの画面を見せます。
22〜27秒 「QUEST CLEAR」で、11番目のレッスンで作る駐車センサーを見せます。
27〜30秒 サイトの名前とURLで締めます。
表現で工夫したこと
二重枠の青いRPGの窓と吹き出し、ドット絵の星や宝箱、宝石を窓の外に置き、見出しはPress Start 2P、補足は製品サイトと同じBarlow Semi Condensedにしました。製品の画面は描かずに、ログインなしで実際に操作して撮ったものを使い、Run sketchを押したあとは約0.3秒おきの連番で動きを見せています。各ステージの終わりには見出しが入れ替わるLEVEL UPと、11のレッスンを表す宝石が点きます。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る