ヘルプセンター作成サービス「Ferndesk」の30秒紹介動画
エージェントのFernが記事を製品と照らし合わせて古くならないようにするヘルプセンター「Ferndesk」の30秒の紹介動画です。毎週変わる製品に記事が追いつかない様子から、Fernが直しを下書きし承認で更新されるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Ferndeskとこの紹介動画
Ferndeskは、記事が自動で古くならないようにするヘルプセンターのサービスです。エージェントのFernが各記事を製品と照らし合わせ、変わった所の直しを下書きします。公開のヘルプセンターに加えて、サイトに置くウィジェットもあります。
- 製品
- Ferndesk（ヘルプセンター作成サービス）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 製品が毎週変わる一方で記事がそのまま残る困りごとを、変更の札が落ちて積もり、記事の帯が緑から橙へ色あせていく場面で示しました。
- 古い記事を探して直す手間に対し、Verification画面の「What's wrong」と直しの案を囲み、確かめる様子を見せました。
- 直しを任せきりにしない点として、下書きを承認すると下の札が「STALE」から「UPDATED」へ変わる流れを見せました。
30秒の流れ
0〜2秒 公式アイコンとワードマークが出て、Fernというエージェントのいるヘルプセンターだと示します。
2〜6秒 「Every week the product changes.」の見出しで、出荷を知らせる変更の札が次々に落ちて積もります。
6〜10秒 札の山が崩れ、「The docs stay the same.」とともに記事が「STALE」になります。
10〜12秒 アイコンをクリックすると画面が寄り、「Open Ferndesk.」と出ます。
12〜16秒 公式のVerification画面に寄り、「What's wrong」と直しの案を囲みます。
16〜20.5秒 「It drafts the fix. You approve it.」の見出しで公式の画面を順に囲み、下の札が「UPDATED」に変わります。
20.5〜25秒 公開のヘルプセンターとウィジェットの画面を見せ、新しいリリースが記事に反映されることを添えます。
25〜30秒 緑の地にアイコンと名前、ferndesk.comで締めます。
表現で工夫したこと
サイトにある橙から黄・黄緑・緑へのピクセルの市松を土台にし、墨の枠に市松のずらした影を付けて窓の外を組みました。地の色は通知の嵐の墨から静まった生成り、締めの緑へと移し、場面のつなぎはピクセルが斜めに埋まってほどける動きにしています。Verification画面に写るデモの利用者の名前と顔は、窓の切り抜きで画面に出していません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る