紹介動画シリーズ

Web取得API「Expand Fetch」の30秒紹介動画

AIエージェントにWebページを見た目どおり読ませる取得API「Expand Fetch」の30秒の紹介動画です。表の印や画面に出ない数字を取りこぼす問題を、IrisとX-Rayで出典付きの答えに変える流れを見せています。

  • Web取得API
  • 30秒
  • 文字:英語
  • 自主制作
  • 公開

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

Expand Fetchとこの紹介動画

Expand Fetch はURLを実際のブラウザで開き、ビジョンモデルのIrisがページを見た目どおりに読み取るAPIです。表やアイコンを残したMarkdownに加え、X-Rayがページの裏にあるJSONを返します。取得ごとにWayback Machineの控えが残り、各行から元のページの位置へ戻れます。

製品
Expand Fetch(Web取得API)
動画
30秒・横16:9・画面の文字は英語・ナレーションなし

動画で見せたこと

  • 料金表の✓✗が取得で消えて誤った答えになる問題を、Irisが表を印ごと読み取って正す様子
  • グラフの数字がscriptの中にあって読めない状況で、X-Rayが隠れたJSONから週ごとの値を返す様子
  • どの答えも確かめようがない状態に対し、出典の番号を押すと元のページの位置が光ることを示す場面

30秒の流れ

0〜2秒 日食のような円とロゴの印、Expand Fetchの名前とキャッチコピーが出ます。

2〜4.5秒 利用者のエージェントがWebを読む状況として、ログに取得が2件並びます。

4.5〜7.8秒 料金表の✓✗が剥がれ落ち、印のないMarkdownから誤った答えが返ります。

7.8〜11秒 週ごとのグラフの数字がscriptの中にあり、エージェントはデータが見えないと答えます。

11〜13秒 出典の分からない答えの札が3枚落ちていきます。

13〜15秒 円が開いてEXPANDのワードマークが現れ、Fetch・Iris・X-Ray・Waybackが並びます。

15〜20秒 Irisのレンズが同じ料金表をなぞり、印付きの表から正しい答えが出て、出典を押すと元のマスが光ります。

20〜25秒 X-Rayの帯が同じグラフを走査し、JSONに週の数字が入ってSnapshotが保存されます。

25〜27.5秒 始め方とクレジットの仕組みを短く示します。

27.5〜30秒 円とワードマーク、expand.aiで締めます。

表現で工夫したこと

サイトの黒に近い暖色の地に点の格子と同心円、橙の縁が脈打つ円を合わせ、X-Rayの場面だけ黄緑を差しました。書体もサイトに合わせ、場面のつなぎは画面を円で閉じて開く虹彩の絞りにしています。用途は公開ページの料金表とグラフを読む場面に絞り、人の連絡先を集めるような使い方やベンチマークの数値は出していません。

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

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

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

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