Chrome拡張「LearnMark」の30秒紹介動画
YouTubeでの学習に集中してメモを取れるChrome拡張「LearnMark」の30秒の紹介動画です。ゲームの冒険に見立てて、集中を邪魔するものを順に片づける流れを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
LearnMarkのサイトを見るchromewebstore.google.comXの投稿を見る@FablessBridge
LearnMarkとこの紹介動画
LearnMarkは、YouTubeのおすすめ・コメント・ライブチャットを隠すFocus Modeを備えたChrome拡張です。Alt+Nで[MM:SS]のタイムスタンプを打ち、スクリーンショットや#tagを添えたメモをObsidianやNotionへ書き出せます。データはブラウザ内に保存されます。
- 製品
- LearnMark（Chrome拡張）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- おすすめが集中を奪う場面を「敵が現れた」と見立て、Focus Modeで隠す技として見せました。
- タイムスタンプとスクリーンショットを、見返したい場面に戻る手段としてそれぞれ一つの技にしました。
- #tagでまとめてObsidian・Notionへ書き出す流れのあと、四つの項目が上がるレベルアップで締めました。
30秒の流れ
0〜2秒 RPGのタイトル画面にアイコンと「LearnMark」が出て、「STAGE 1 · Study a coding tutorial」と添えられます。
2〜6秒 ドット絵の動画画面に「Distractions appear!」と出て、おすすめが集中を奪っていきます。
6〜8.5秒 宝箱が開いてアイコンが現れ、「ITEM GET!」「Chrome extension」と出ます。
8.5〜12秒 Focus Modeを使い、フィードとコメントが隠れます。ストアの画像でOFFからONへ切り替わります。
12〜15.5秒 Alt+Nでタイムスタンプを打ち、押せばその場面へ戻れることを見せます。
15.5〜19秒 スクリーンショットで、その場面のコマがメモに加わります。
19〜22秒 #tagでメモをまとめ、ObsidianやNotionへ書き出します。
22〜27秒 「LEVEL UP!」でFOCUS・TIMESTAMPS・SCREENSHOTS・#TAGSの項目が上がり、「STAGE CLEAR」と、メモはブラウザ内でアカウント不要であることが出ます。
27〜30秒 アイコンと「YouTube Focus & Note-Taking」、Chrome Web Storeの案内が出て、「PRESS START」で締めます。
表現で工夫したこと
RPGのメニュー画面とドット絵を窓の外の画風にし、場面の切り替えはCRTが消えて点く形にしました。製品の窓は告知画像のパネルとストアのスクリーンショットの該当部分だけを使い、YouTubeの画面は映さず、動画ページは架空のドット絵で描いています。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る