MotionflareサイトのURLから作る製品デモ動画
Motionflareは公開中の製品ページのURLから、短いSaaS製品デモを作ります。実際のインターフェースのスクリーンショットと自社のブランドを使い、カットに合わせて作曲した音楽を付けます。ナレーションは付けても付けなくても構いません。画面収録の時間を取る必要もありません。
SaaSのデモ動画を作る定番のやり方は、画面を録画して、しゃべりを乗せて、間を詰めることです。それで成立はします。ただし出来上がるのは、UIが変わった瞬間に古くなり、録り直さなければ他の言語にできず、マーケティング素材というよりLoomの共有リンクに見える動画です。
Motionflareは公開ページを素材として取り込み、そのコピーと画像から、設計された製品ストーリーを書き上げます。ページが変わったら、更新後のURLから新しい動画を作れば、新しいインターフェースが反映されます。
Motionflareと画面録画の概要比較
| Motionflare | 画面録画 | |
|---|---|---|
| 事前準備 | 製品ページのURLを貼るだけ | デモ用アカウントの整備、デバッグUIの非表示、何テイクかの撮り直し |
| UIが変わったとき | 更新後のページから新しい動画を作る | 一連の流れを最初から録り直す |
| 対応言語 | 対応言語から選べる任意のナレーション | 収録1回につき1言語 |
| 向いている用途 | 30〜60秒のマーケティング用デモ | 正確な操作手順やサポート向けの解説 |
使い方
1.製品を指定する
デモにしたい製品ページか機能ページのURLを貼ります。Motionflareがコピーを読み、インターフェースを取得します。
2.製品のストーリーを任せる
Motionflareがページをもとに短い動画の流れを組み立てます。製品が何をするのか、画面に何が映るのか、それがなぜ大事なのか。そのうえで、音楽の拍に沿って動画を書き上げます。
3.ブランドを見た目に生かす
ロゴ、配色、タイポグラフィ、スクリーンショットはページから取り込みます。音楽はこの動画のために作られ、デモに声が必要ならナレーションを有効にできます。
4.支払う前に観る
無料アカウントでも、最長10秒のウォーターマーク付き動画をブラウザでプレビューできます。有料アカウントならもっと長いデモを作れます。書き出す前に、テンポと主張の中身を見極めてください。
5.書き出して、更新する
1080pまたは4KのMP4で書き出すか、ブラウザで再生できるリンクを共有します。公開中の製品ページが変わったら、そのURLから新しい動画を作り、更新後のUIを取り込みます。
収録の予定を押さえなくていい
デモ用のきれいなアカウントを用意する人も、デバッグツールバーを隠す人も、5テイク目でマウスが震えて6テイク目を撮る人も要りません。
UIが変わっても作り直しが簡単
更新した公開ページを貼れば、最新のスクリーンショットで新しい動画を作れます。画面収録の準備をやり直す必要はありません。
ナレーションは必要なときだけ
有料アカウントなら、対応言語のナレーションを有効にできます。ナレーターを手配したり、プレゼンターを撮影したりする必要はありません。
画面録画のほうが正しい場面
踏み込んだ技術解説、サポート向けの説明、視聴者に正確なクリック順をたどってほしいもの。こうした用途では画面を録画してください。価値は実際の操作そのものへの忠実さにあり、設計されたシーンはその抽象度として合いません。
Motionflareが担うのはもう一方の仕事です。ランディングページやローンチ投稿、広告に置く30〜60秒のデモ。操作方法を教えるのではなく、この製品が何をするものかを伝えるための動画です。
インターフェースが鮮明でなければならない理由
製品UIがぼやけていたり、実在しない画面だったりするデモは、デモがないより悪いものになります。視聴者は他の何よりも先にそこに気づくからです。汎用の動画モデルはピクセルを生成するので、インターフェースのディテールは滲み、画面上の文字は崩れます。
Motionflareは公開ページから取得した実際のスクリーンショットをもとに描き、文字は文字として組みます。機能名も価格もラベルも、ピクセルとして作り出す必要はありません。
デモは企画ではなく、習慣にする
多くのチームはデモ動画を一本作って公開し、製品のほうが先に進んでいく2年間をそのまま放置します。これはコストの問題です。作り込んだデモは高くつくので、作り直すには理由が要るようになります。
デモにかかるのが一週間ではなくクレジットになると、計算が変わります。機能リリースごとに30秒のデモを添えられるし、トップページのデモもUIが変わったタイミングで作り直せます。
よくある質問
AIで製品デモ動画を作るにはどうすればいいですか？
Motionflareに公開中の製品ページのURLを貼ります。ページを取り込み、実際のインターフェースとブランドを軸に、音楽付きの動画を書き上げます。必要ならナレーションを有効にし、仕上がりをブラウザで確認してください。
画面を録画する必要はありますか？
ありません。スクリーンショットは貼り付けた公開ページから自動で取得され、設計されたシーンに組み込まれます。収録の時間も、インターフェースが変わったときの録り直しもありません。
SaaSのデモ動画はどのくらいの長さがいいですか？
ランディングページやローンチ投稿に置くなら、30〜60秒がだいたい適正です。有料のMotionflare動画は10〜90秒で作れます。それより長い技術解説は、画面録画のほうが向いています。
他の言語でもデモを作れますか？
作れます。有料アカウントなら、動画を作るときに対応言語のナレーションを有効にできます。映像は、元のページと用意した画像にもとづいたままです。
製品をリニューアルしたらどうなりますか？
更新後の公開ページから新しい動画を作り、今の画面を取り込んでください。既存の動画をチャットで修正するときは、そのプロジェクトですでに取り込んだ素材が使われます。
関連ページ
すでにあるURLから始めましょう。
クレジットカード不要で、無料で試せます。支払いの前に、ウォーターマーク付きの動画をブラウザでプレビューできます。
動画を作成