Macアプリ「Frameclip」の30秒紹介動画
AIと作業するためのMac向けスクリーンショットアプリ「Frameclip」の30秒の紹介動画です。エージェントに画面を見せるたびにかかる手順とデスクトップに散らばるファイルが、3つの動作と1つのLibraryに収まるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Frameclipとこの紹介動画
Frameclip は、AIと一緒に作業するためのMac向けスクリーンショットアプリです。撮った画面に矢印・四角・手書き・文字で注釈を入れてそのまま貼り付けられ、画面の録画もできます。メニューバーに常駐し、撮ったものはLibraryで中の言葉から検索でき、すべてMacの中に保存されます。
- 製品
- Frameclip(Macアプリ)
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- エージェントに画面を1枚見せるのに6つの手順がかかる困りごとを、ドラッグ・注釈・貼り付けの3動作にまとめました。
- デスクトップがスクリーンショットのファイルで埋まる状況を、1つのフォルダとLibraryへ吸い込まれる動きで解きました。
- Libraryで言葉を入れて検索すると目当ての画面だけが残る場面まで見せ、撮ったあとの探しやすさも伝えました。
30秒の流れ
0〜2秒 アイコンが出て、ファインダーの括弧が「Frameclip」の文字を撮ります。
2〜4.5秒 作りかけの料金ページでボタンがはみ出し、エージェント欄に「Can you show me what looks off?」と届きます。
4.5〜7.8秒 撮る・探す・編集を開く・矢印を描く・書き出す・チャットへ運ぶの6つの手順が並び、エージェントは待ったままです。
7.8〜11秒 デスクトップにスクリーンショットのファイルが次々に降り積もります。
11〜13秒 「Every fix waits on a screenshot.」と出て、エージェントは入力中のまま止まっています。
13〜15秒 アイコンと括弧に「Capture, mark up, paste.」が添えられます。
15〜20秒 6つの手順が「Drag · Mark up · Paste」に集まり、範囲を撮って矢印を入れ、エージェント欄へ貼るとボタンが直ります。
20〜25秒 散らばったファイルがFrameclipフォルダへ吸い込まれ、Libraryで「padding」と検索すると該当の画面だけが残ります。
25〜27.5秒 「Everything stays on your Mac.」と、macOS 13以降に対応しメニューバーに常駐することを並べます。
27.5〜30秒 アイコンと「Screenshots for building with AI」、frameclip.appで締めます。
表現で工夫したこと
カメラのファインダーを世界観にして、画面四隅の括弧と左上の撮影モード表示、右上で動き続けるタイムコードを置きました。場面のつなぎはシャッターのように光って少し寄る動きにし、色はサイトのほぼ黒い地に合わせたグラファイトと銀に注釈用のコーラルを足しています。Appleのロゴや実在のAIツールのロゴは使わず、エージェント欄は無地の記号と「Agent」の文字だけにしました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る