紹介動画シリーズ

Webサイト診断ツール「RealAIze サイト診断」の30秒紹介動画

URLを入れるとサイトのPHPとWordPressのバージョンを調べるWebツール「RealAIze サイト診断」の30秒の紹介動画です。サイトが返す文字を読み、根拠を並べて答えるまでを青焼きの設計図の画風で見せています。

  • Webサイト診断ツール
  • 30秒
  • 文字:日本語
  • 自主制作
  • 公開

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

RealAIze サイト診断とこの紹介動画

合同会社RealAIzeが公開している、WebサイトのURLを入れるだけでPHPとWordPressの使用状況やバージョンの手掛かり、PHPのサポート期限を確かめられるツールです。サイトが返すHTTPヘッダーやHTMLに残る痕跡、公開APIを読んで技術構成を判定し、根拠になった文字列をそのまま並べます。入力したURLと結果は保存されません。

製品
RealAIze サイト診断(Webサイト診断ツール)
動画
30秒・横16:9・画面の文字は日本語・ナレーションなし

動画で見せたこと

  • 自分のサイトのPHPのバージョンもサポート期限も分からず、調べ方も分からないという困りごとを、ERRの札で最初に見せました。
  • URLを入れる場面と結果の表は実際のツールの画面を使い、入れるだけで診断が始まり判定と確度と根拠が並ぶ様子を見せました。
  • ヘッダー・HTMLの痕跡・公開API・RSSの3つをノードでつなぎ、サイトが返す文字を読んで判定するという仕組みを図にしました。

30秒の流れ

0〜3秒 乱れた文字が揃って「自分のサイトは PHP?」という問いと製品名が出ます。

3〜8秒 バージョンとサポート期限にERRの札が付き、「バージョンも期限も分からない」「調べ方が分からないまま」と困りごとを並べます。

8〜11.5秒 実際の診断画面にURLを入れてボタンを押すと、表示が診断中に替わります。見出しは「URLを入れるだけ」です。

11.5〜15.5秒 ヘッダー・HTMLの痕跡・公開API・RSSの3つのノードが線でつながり、「サイトが返す文字を読む」と仕組みを見せます。

15.5〜20秒 実際の結果の表に判定と確度と根拠が並び、根拠のgeneratorの行を囲みます。見出しは「根拠つきで答える」です。

20〜26秒 ASCIIの枠の中に公式のアイコンと製品名が出て、「入力したURLと結果は保存しません」と添えます。

26〜30秒 製品ページのURLが1文字ずつ打たれて締めます。

表現で工夫したこと

背景や見出し・枠・寸法線・つなぎの線だけを青焼きの設計図の画風にし、製品の画面はそのままの見た目で窓の中に置きました。画面の文字には数字を入れず、文字が揃う演出の乱字にも数字を使っていません。診断の画面は自社のサイトのURLを入れて撮り、他のサイトの結果は映していません。

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

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

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

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