紹介動画シリーズ

Webアプリ「AllMarks」の30秒紹介動画

保存したリンクを画像付きのボードに並べるWebアプリ「AllMarks」の30秒の紹介動画です。題名だけの一覧で探しあぐねる検索から、見た目で探せるボードにたどり着くまでを切り紙のコマ撮りで見せています。

  • Webアプリ
  • 30秒
  • 文字:日本語
  • 自主制作
  • 公開

依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。

AllMarksとこの紹介動画

AllMarksは、動画・SNS・記事・画像などのリンクを1枚のビジュアルボードに並べて保存するWebアプリです。カードは自由に配置でき、タグ付けや共有もできます。登録なしで使え、端末どうしの同期にも対応しています。

製品
AllMarks(Webアプリ)
動画
30秒・横16:9・画面の文字は日本語・ナレーションなし

動画で見せたこと

  • 保存したのに中身を思い出せない様子を、「あの記事」「あの動画」と入れ替わる検索語と積もる題名だけの紙きれで見せました。
  • タイトルとアドレスだけの一覧では探しにくいことを、公式の一覧の画面を虫めがねが1行ずつなぞる動きで示しました。
  • ページをめくると公式のボードの画面に替わり、緑の紙枠でカードを1枚ずつ囲んで画像で探せる様子を見せました。

30秒の流れ

0〜3秒 検索窓に「保存したリンク どこだっけ」と打たれ、机の上に鎖の形の切り紙が転がり込みます。

3〜8秒 「あの記事 なんだっけ」の検索語が動画・レシピ・お店へと入れ替わり、題名だけの紙きれが積もっていきます。

8〜13.5秒 「ブックマーク 見つからない」と打ち、公式のいつもの一覧の画面を虫めがねが行ごとになぞります。

13.5〜20秒 ページがめくれて公式の「ALLMARKS」のボードが現れ、「見た目で 探せたら」の検索とともに緑の紙枠がカードを囲みます。

20〜23秒 最後の検索で公式サイト冒頭のボードの画面が上がってきて、リンクを1枚のボードにまとめると添えます。

23〜26秒 公式サイトのプランの欄が出て、基本の機能と端末の同期を囲みます。

26〜30秒 ロゴマークと切り文字の「AllMarks」が集まり、allmarks.appで締めます。

表現で工夫したこと

生活や趣味のリンクを見返す道具なので、クラフト紙の地にクリームと墨とブランドの緑を切り紙にして、8〜12コマの刻みで紙がふるえるように動かしました。製品の画面は公式サイトの撮影を切り抜いてそのまま台紙に貼り、書体はM PLUS Rounded 1cとZen Kaku Gothic New、締めの切り文字はDela Gothic Oneです。ブラウザに他社の名前が写る告知動画の絵は使いませんでした。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。

自社の製品の紹介動画を相談する

企画が固まっていない段階からご相談いただけます。

紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る
無料で相談する