Chrome拡張「Pageful」の30秒紹介動画
Webページ全体を上から下まで1枚の画像にして保存するChrome拡張「Pageful」の30秒の紹介動画です。画面ごとのスクリーンショットが積み上がる状況から、1回の操作で1枚の縦長画像になるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Pagefulのサイトを見るchromewebstore.google.comXの投稿を見る@FablessBridge
Pagefulとこの紹介動画
Pageful は、開いているWebページを上から下までスクロールして撮り、つなぎ目を照合して1枚の画像にするChrome拡張です。ツールバーのアイコンかAlt+Shift+Sで撮影できます。切り抜きやコピー、PNG・JPEG・WebP・PDFでの保存ができ、アカウントは要りません。
- 製品
- Pageful（Chrome拡張）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 長いページを1画面ずつ撮ると画像が積み上がる困りごとを、スクリーンショットの束で見せました。
- ヘッダーの重なりやつなぎ目の抜け、読み込み待ちの画像といった失敗を、付箋で示しました。
- ツールバーのアイコンとAlt+Shift+Sの操作で、縦長の1枚にまとまり、保存形式を選べる様子を公式画面で見せました。
30秒の流れ
0〜2秒 公式ロゴと「Pageful」、「The whole web page. One image.」が出ます。
2〜10秒 長い記事のページを1画面ずつ撮り、スクリーンショットが9枚積み上がります。「Header again」「Gap at the join」「Still loading」の付箋が貼られ、続けて画面を埋めます。
10〜12秒 ツールバーの拡張アイコンを1回押す操作に続き、「One click. Whole page.」とAlt+Shift+Sのキーが並びます。
12〜16秒 「Scrolls. Captures. Joins.」の言葉とともに、公式画面の該当箇所を囲み、重なりなくつながる様子を見せます。
16〜21秒 「Opens as one tall image.」と出て、積み上がった束が縦長の1枚に並んでつながります。
21〜25秒 「Crop. Stamp. Copy. Download.」と出て、カーソルがDownloadを押し、PNG・JPEG・WebP・PDFの札が積まれます。
25〜30秒 ロゴと「Pageful」、「No account. No uploads. Nothing locked.」、Chromeウェブストアで入手できる旨の札で締めます。
表現で工夫したこと
ネオ・ブルータリズムの画風で、太い黒線とずらした影、平らな色を窓の外だけに使いました。場面のつなぎは、青い撮影枠の四隅が閉じて白く光るシャッターです。困りごとに使う長い記事のページは架空の汎用ページとして作り、製品の窓にはChromeウェブストアの公式スクリーンショットとアイコンをそのまま使っています。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る