紹介動画シリーズ

タスク管理のWebサービス「Clickwork Tasks」の30秒紹介動画

小さなチーム向けのタスクボード「Clickwork Tasks」の30秒の紹介動画です。チャットに積もる進み具合の質問に、Universe・Planner・Timeboxの3つの画面で1つずつ答えていく流れを見せています。

  • タスク管理のWebサービス
  • 30秒
  • 文字:英語
  • 自主制作
  • 公開

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

Clickwork Tasksとこの紹介動画

Clickwork Tasksは、小さなチーム向けのタスクボードとスプリント計画とバグ追跡をまとめたWebサービスです。ブラウザで動きインストールは要りません。ゲーム開発の現場から生まれ、ほかの種類のプロジェクトにも使えます。

製品
Clickwork Tasks(タスク管理のWebサービス)
動画
30秒・横16:9・画面の文字は英語・ナレーションなし

動画で見せたこと

  • どの作業が止まっているかの質問に対して、Universeの画面でチケットがどこに関わり何に止められているかを確かめる様子を見せました。
  • 誰に余裕があるかの質問に対して、Plannerの画面で今いる人数に合わせてスプリントを組み、負担の偏りを見る様子を見せました。
  • 公開日に間に合うかの質問に対して、Timeboxの画面で締め切りが現実的かを約束する前に確かめる様子を見せました。

30秒の流れ

0〜2秒 公式のドット絵のバッジと「Clickwork Tasks」の名前が出て、最初の通知が1通落ちてきます。

2〜10秒 進み具合を尋ねるチャットの通知カードが次々に落ちて積もり、未読が増えて最後は画面が揺れます。

10〜12秒 バッジをクリックすると、そこから公式の画面が開きます。

12〜16.5秒 「Is checkout blocked?」のカードに対してUniverseの画面の中へ寄り、答えた判子が押されて未読が減ります。

16.5〜21秒 「Who has room this sprint?」のカードに対してPlannerの画面でクリックした所へ寄り、未読がさらに減ります。

21〜25秒 「Will we make the launch date?」のカードに対してTimeboxの画面で締め切りを確かめ、未読が0になります。

25〜30秒 公式のロゴと製品名と製品URLで締めます。

表現で工夫したこと

生成りの紙色にドットの格子を敷き、太い黒枠とずらした黒い影に製品のオレンジを合わせた画風を製品の画面の外側だけに掛けました。画面はサイトの公式画像をそのまま使い、窓の中でクリックした点へ寄る動きだけを加えています。ドット絵のロゴは描き直さずに拡大し、見出しにもドットの書体を合わせました。

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

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

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

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