Macアプリ「ClockStack」の30秒紹介動画
時刻・日付・電池・Wi-Fiをメニューバーの細い1項目にまとめるMacアプリ「ClockStack」の30秒の紹介動画です。ノッチの裏に消えていくアイコンを、製図の分解図の部品が組み上がるように1つへまとめる流れで見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
ClockStackとこの紹介動画
ClockStackは、時刻と日付を2行に重ね、電池とWi-Fiの表示も同じ細い項目に収めるメニューバーのMacアプリです。ノッチのあるMacBookで収まらないアイコンが隠れてしまう場面で、時計・電池・Wi-Fiの3つのアイコンを1つに置き換えます。充電中は点が動き、色が変わる電池の残量の値や時刻の書式を自分で決められ、macOS 13以降で使えます。
- 製品
- ClockStack（Macアプリ）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- メニューバーに記号の札が1つずつ増えてノッチの下に隠れ、床に落ちて積もる様子で、アイコンが見えなくなる困りごとを見せました。
- 散らばった時刻・日付・電池・Wi-Fiの札が公式のプレビューへ寄り、日付が半分ほどの幅で収まる様子を見せました。
- 充電中に動く点や設定の窓の書式と色の境目の行を囲み、細い1項目のまま状態が分かることを見せました。
30秒の流れ
0〜2.31秒 公式アイコンに寸法線が引かれ、1つの小さな項目に4つの情報が入ると示します。
2.31〜6.35秒 図面のメニューバーに記号の札が右から1つずつ落ちて並び、ノッチの下に隠れていきます。
6.35〜10.38秒 札が床に落ちて積もり、ノッチを破線の輪で囲んで「HIDDEN」と示します。
10.38〜12.12秒 カーソルが公式アイコンを押して寄ります。
12.12〜16.15秒 積もった札が床ごと落ちて静まり、TIME・DATE・BATTERY・WI-FIの札が公式プレビューへ寄って時刻と日付を緑の線で囲みます。
16.15〜20.19秒 公式の状態カードで充電中のバーに寄って囲み、Ethernetの止まった点へ移ります。
20.19〜23.08秒 設定の窓を上から下へなぞり、書式と赤・橙の境目の行を囲みます。
23.08〜25.38秒 App Storeの画面でメニューバーの項目を押して寄り、ノッチの隣に場所が戻ったことを示します。
25.38〜30秒 公式のog:imageに寸法線を添え、clockstack.appで締めます。
表現で工夫したこと
窓の外にはサイトの方眼の色を地にした分解図の画風を掛け、部品の札・破線の軸・引き出し線・表題欄で製図用紙のように組みました。散らばった部品の札が公式のプレビューへ寄って組み上がる動きで、製品名の「Stack」を表しています。場面は画面が1本の緑の線に押しつぶされて次が開くつなぎにして、見出しはサイトと同じSchibsted Groteskにしました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る