Webタイマー「見えるタイマー」の30秒紹介動画
残り時間が文字盤の色の面積で減っていくWebタイマー「見えるタイマー」の30秒の紹介動画です。子どものゲームの時間と自分の勉強の時間を例に、使い方を見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
見えるタイマーのサイトを見るvisual-timer-epe.pages.devXの投稿を見る@FablessBridge
見えるタイマーとこの紹介動画
残り時間をオレンジの面積で表し、数字を読まなくてもひと目で残りが分かるWebタイマーです。5・15・30・60分の候補からすぐ始められ、時間と分を選べば最大6時間まで設定できます。文字盤は60分で一周か設定時間で一周かを選べ、終了音を鳴らせます。前回の設定は端末に保存され、ログインなしでブラウザから使えます。
- 製品
- 見えるタイマー(Webタイマー)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- ゲームの時間で「あと なんぷん?」が繰り返される困りごとと、数字だけでは残りの量がつかめない場面を見せました。
- スタート直後から途中、残りわずかへと、オレンジの色が減っていく文字盤を公式の画面で順に示しました。
- 60ボタンですぐ60分にできることと、最大6時間の設定、5・15・30・60分の候補を設定の項目として見せました。
30秒の流れ
0〜2秒 STAGE 1「ゲームの時間」と出て、公式アイコンと「見えるタイマー」が現れます。
2〜6秒 ドット絵の主人公がゲームをする横で、「あと なんぷん?」の吹き出しが3回出ます。
6〜9.5秒 12:00の数字だけの時計に「?」が浮かび、「残りの量が つかめない」と出ます。
9.5〜12秒 宝箱が開き、見えるタイマーのアイコンを手に入れる場面になります。
12〜16秒 公式の画面で、はじめ・とちゅう・もうすこしと、色が減っていく様子を順に見せます。
16〜19秒 60分のときと15分のときの画面を並べ、60ボタンですぐ60分にできることを示します。
19〜22秒 設定の項目として、時間と分の選択、5・15・30・60分の候補、文字盤の一周、終了音と端末への保存が並びます。
22〜27秒 LEVEL UP!と出て、「ゲームの時間」と「じぶんの勉強」の2つのステージにCLEARが付きます。
27〜30秒 アイコンと「見えるタイマー」、サイトのアドレス、「ブラウザで すぐ使える」で締めます。
表現で工夫したこと
窓の外はドット絵のRPGメニュー風にして、紺とオレンジ、文字盤の生成りの色は製品の配色から取りました。場面の切り替えは、オレンジのマスが時計回りに埋まって引く動きにしています。窓の中はサイトの撮影画像と告知画像を使い、画面を描き直していません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る