AIサポートチャット「Chat.sh」の30秒紹介動画
サイトのドキュメントから答えるAIサポートチャット「Chat.sh」の30秒の紹介動画です。同じ質問への繰り返しの返信と、ヘルプセンターの手作業の引っ越しが片付く様子を見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Chat.shとこの紹介動画
Chat.shは、サイトに置くAIのサポートチャットと自社ドメインのヘルプセンター、受信箱をまとめたサービスです。AIがドキュメントをもとに先に答え、答えられない質問はチームへ渡り、その回答が記事として補われます。Intercom、Notion、Help Scoutからヘルプセンターを取り込め、古いリンクは新しいページへ転送されます。
- 製品
- Chat.sh(AIサポートチャット)
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 1日中同じ質問に答え続ける困りごとに対し、同じチャット窓でAIが出典ページ付きで答え、載っていない質問だけが担当者に渡る様子を見せました。
- 旧ヘルプセンターの記事を1枚ずつ手で写す手間に対し、取り込み元を選んで全記事が一度に移る画面を描きました。
- 移行で古いリンクが404になる心配を、同じリンクが新しいページへ301で転送される表示で解消しました。
30秒の流れ
0〜2秒 chat.shのロゴと「AI support chat for your site」が出て、質問とAIの答えの吹き出しが並びます。
2〜4.5秒 ひとりでチャットに答える創業者の受信箱に行が流れ込み、未読の数が増えていきます。
4.5〜7.8秒 チャット窓に同じ質問が積み上がり、今日だけで何度も聞かれていることが表示されます。
7.8〜11秒 旧ヘルプセンターの記事を1枚ずつ手で写していき、移したはずのリンクが404になります。
11〜13秒 「Chats pile up. Customers wait.」の文字とともに、待ちの吹き出しが流れていきます。
13〜15秒 ロゴと「AI answers first. Your team does the rest.」が現れ、輪が広がります。
15〜20秒 同じチャット窓で同じ質問にAIが答え、出典のページが添えられます。載っていない質問は担当者へ渡ります。
20〜25秒 Intercom、Notion、Help Scoutの取り込みからNotionを選んでImportすると全記事がそろい、同じリンクが新しいページへ転送されます。
25〜27.5秒 扱えるページ数やAIの回答数の目安と、カードの登録が要らないことを示します。
27.5〜30秒 「Let your help center answer the next question.」とロゴ、chat.shで締めます。
表現で工夫したこと
会話のスレッドを世界観にし、サイトの取り込みページと同じ白に近い点の方眼の地を上へ流して、場面も会話が送られるように縦につなぎました。補足の文は左下だけ角のある吹き出しにし、ロゴの赤い点を番号の印に使っています。取り込み元のIntercom、Notion、Help Scoutはロゴを使わず文字だけで示しました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る