紹介動画シリーズ

AIアプリ作成サービス「Fabricate」の30秒紹介動画

数行の説明からAIで業務アプリを作るサービス「Fabricate」の30秒の紹介動画です。完成した予約アプリを先に見せ、説明を書く・作られるのを待つ・頼んで直すの3手でそこへ行き着くまでを公式の実演画面でたどっています。

  • AIアプリ作成サービス
  • 30秒
  • 文字:英語
  • 自主制作
  • 公開

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

Fabricateとこの紹介動画

Fabricateは、作りたいアプリを自分の言葉で説明するとAIがアプリを作るサービスです。コードを書く必要はなく、出来上がったアプリはチャットで頼むだけで変更できます。サイトの実演では美容室の予約やパン屋の予約注文、カフェのシフトといった小さな店の業務アプリを作っています。

製品
Fabricate(AIアプリ作成サービス)
動画
30秒・横16:9・画面の文字は英語・ナレーションなし

動画で見せたこと

  • アプリ作りがどこまで手軽かを伝えるために、2文の説明から生まれた予約アプリの完成画面を冒頭に置きました。
  • 作られる間の待ち時間を、レシートの上でビルドの時間が0:00から実演の2:44まで回る計器で見せました。
  • 出来上がった後の直し方として、ボタンを緑にしてと頼むだけで画面が変わる実演の流れを追いました。

30秒の流れ

0〜2.14秒 完成した予約アプリの画面が出て、レシートに「This app started as two sentences」と刷り出されます。

2.14〜8.04秒 「Describe it」の段が刷られ、説明を書く実演の画面に寄ってBuild my appを押します。

8.04〜13.93秒 「Watch it build」の段とともに、作っている途中の画面から出来上がった画面へ移り、ビルドの時間が回ります。

13.93〜19.82秒 「Change it by asking」の段が刷られ、「Make the buttons green」と頼んで画面が変わる様子を見せます。

19.82〜25.71秒 完成したアプリに戻って寄り、パン屋の予約注文の完成画面が2つ目の例として滑り込みます。

25.71〜30秒 窓をしまい、ロゴと「Fabricate」、fabricate.buildで締めます。

表現で工夫したこと

左のプリンターから見出しのレシートが刷り出され、古い段は感熱紙のように薄くなって下へ押される作りにし、今の場面の見出しだけが読めるようにしました。背景はサイトのターミナルと同じ暗い色にし、サイトの虹色のグラデーションを線と光に使っています。窓の中はサイトの実演をそのまま撮った画面で、寄る・なぞるだけにとどめました。

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

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

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

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