コーディングエージェント「Reason」の30秒紹介動画
GitHubの課題を受け取り根拠付きのプルリクエストを返すコーディングエージェント「Reason」の30秒の紹介動画です。失敗の続くターミナルから、作業の完了とマージ、スマートフォンやSlackから仕事を渡せることまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Reasonとこの紹介動画
Reasonは、GitHubのissueを受け取り、画面の録画やログと見直しやすい差分を添えたプルリクエストを返すコーディングエージェントです。仕事はMacのアプリ、ターミナルのCLI、スマートフォン、Web、Slackから渡せます。
- 製品
- Reason（コーディングエージェント）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- テストの失敗や遅い処理が赤く並ぶ悩みに対して、ターミナルで「reason」を打つと起動のロゴから作業の完了まで進む公式の画面を見せました。
- 変更が正しいか確かめにくい点に対して、Macの画面でサブエージェント・録画・差分・チェックを囲み、マージまで押す流れを見せました。
- 作業の場所を選ばないことを、アイコンからノードの線を延ばしてスマートフォン・Web・Slackの公式の画面へつないで示しました。
30秒の流れ
0〜3秒 青焼きの方眼のターミナルに、テストの失敗と遅い処理の赤い表示が並びます。
3〜8秒 「$ reason」と打つとノードの線が延び、公式のターミナルの画面で起動のASCIIロゴから作業の完了まで進みます。
8〜14秒 公式のMacの画面でサブエージェント・録画・差分・チェックを囲み、「Squash and merge」を押してMergedの画面に移ります。
14〜20秒 公式のアイコンを中心にノードの線が延び、スマートフォン・Web・Slackの画面につながります。
20〜26秒 ターミナルのASCIIロゴへ寄り、Reasonの名前の文字がスクランブルしてそろいます。
26〜30秒 アイコンとreasonmachines.comとインストールの1行で締めます。
表現で工夫したこと
CLIやASCIIのロゴを持つ製品に合わせて、青焼きの設計図の方眼に白い線を引き、強調だけをサイトのオレンジにしました。書体はサイトと同じGeistとGeist Monoです。製品の画面はサイトのトップにある展示を高い密度で撮って窓の範囲だけ切り出し、手を加えずに使っています。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る