Webツール「DeskZone」の30秒紹介動画
散らかったデスクトップのアイコンを区画と看板の付いた壁紙で整理するWebツール「DeskZone」の30秒の紹介動画です。アイコンが積もって何がどこか分からなくなる状況が、壁紙で置き場所を決める流れに変わるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
DeskZoneとこの紹介動画
DeskZone は、Windowsのデスクトップのアイコンを整理する壁紙を、ブラウザだけで作るWebツールです。解像度と表示スケールを自動で入力し、プレビュー上をドラッグして「仕事」「資料」などの看板付きのゾーンを作ります。好きな画像を背景に壁紙PNGを出力し、壁紙に設定するとアイコンの置き場所が決まります。
- 製品
- DeskZone(Webツール)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- 保存するたびにデスクトップへアイコンが積もっていく困りごとを、物理で積み上がるアイコンで見せました。
- どこに置いたか分からなくなる状況から、自動検出とドラッグでのゾーン作りへ進む流れを、公式の画面で見せました。
- 壁紙PNGを出力すると置き場所が決まる最後の場面を、画面の寄りと囲みで示しました。
30秒の流れ
0〜2秒 「デスクトップにひとつ置く」の言葉とともに、最初のアイコンがひとつ落ちます。
2〜6秒 「またひとつ またひとつ」の言葉とともに、アイコンが落ちて積もっていきます。
6〜10秒 アイコンが画面を埋め、「どこに置いたっけ?」と出ます。
10〜12秒 積もったアイコンがDeskZoneの公式アイコンに変わり、名前と「デスクトップ整理壁紙メーカー」が出ます。
12〜17秒 「画面サイズは自動で入る」の言葉とともに、公式の画面で解像度と表示スケールの自動検出のボタンへ寄ります。
17〜21秒 「ドラッグで区画を作る」の言葉とともに、プレビュー上でゾーンの角から角へドラッグします。
21〜25秒 「置き場所が決まる」の言葉とともに、壁紙PNGを出力するボタンへ寄ります。
25〜30秒 公式の製品画像と「ブラウザだけで完結」、ページのアドレスで締めます。
表現で工夫したこと
夜のデスクトップを思わせる濃紺の方眼に、白い太枠と紫とライムの硬い影を使い、ネオ・ブルータリズムの画風にしました。書体はMurechoとDotGothic16です。製品の画面は公式のスクリーンショットから右側のブラウザの窓を切り抜き、寄りと囲みだけで見せています。落ちてくるアイコンは動画用の小道具で、製品の画面ではありません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る