ファイルマネージャー「Tessoa」の30秒紹介動画
フォルダーを1つの窓のペインにまとめるファイルマネージャー「Tessoa」の30秒の紹介動画です。フォルダーごとに開いた窓が積もっていく状態から、ペインの分割とその場のプレビューで1つの窓に収まるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Tessoaとこの紹介動画
TessoaはGPUで描画するファイルマネージャーで、Windows・macOS・Linuxで使えます。タブをドラッグしてペインを作り、フォルダーを横に並べて開けます。PDFや表計算のファイルや画像をその場でプレビューでき、色のタグを付けたファイルをサイドバーから探せます。
- 製品
- Tessoa（ファイルマネージャー）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- フォルダーを開くたびに窓が1枚ずつ落ちて積もり、右上の窓の数が増えていく困りごとを見せました。
- 積もった窓が吸い込まれたあと、公式の録画でタブをドラッグしてペインに分ける操作を囲みました。
- 窓を移らずにPDFや画像をプレビューする場面と、色のタグをサイドバーから探す場面を順に見せました。
30秒の流れ
0〜2秒 「Tessoa」の名前と「Cross-platform file manager」が出ます。
2〜5秒 「One folder, one window.」の見出しで、フォルダーの窓が1つずつ落ちてきます。
5〜10秒 「Then another. And another.」と続き、窓が積もって揺れ、窓の数のカウンターが増えていきます。
10〜12秒 窓が吸い込まれて消え、Tessoaのアイコンがクリックされます。
12〜16秒 公式の録画で「Your folders. One window.」の画面を見せます。
16〜19.5秒 タブをドラッグしてペインを作る録画で、右のペインを囲みます。
19.5〜22.5秒 PDFや表計算、画像をその場で開く録画で、プレビューの部分を囲みます。
22.5〜25秒 色のタグの録画で、サイドバーのタグを囲みます。
25〜30秒 Tessoaの名前とtessoa.comを示して終わります。
表現で工夫したこと
デ・ステイルの黒い線と赤・青・黄の平らな升を窓の外だけに使い、場面が変わるたびに升の形と色が組み替わってつながるようにしました。色はカラータグの三原色とサイトの地の色から選び、書体はサイトと同じSpace GroteskとJetBrains Monoです。製品の画面はサイトの機能デモ録画のコマだけを使い、落ちてくる窓は製品の画面と混ざらないよう汎用のフォルダー窓として描きました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る