Webアプリ「Piano: Soloist」の30秒紹介動画

Piano: Soloistは、MusicXMLやMIDIの楽譜ファイルを読み込み、ブラウザでピアノの演奏として再生するWebアプリです。音に合わせて鍵盤が光り、楽譜と鍵盤が一緒に動きます。演奏は録画して動画として残せ、録画はノートパソコンとデスクトップで使えます。

0〜3秒　影絵のグランドピアノの前に「Piano: Soloist」の名前が出て、検索窓に「what does this score sound like?」と打たれます。

3〜6.75秒　「A score you can't play yet」の見出しで、譜面台の五線紙とピアノの影が映り、検索語の末尾が替わります。

6.75〜10.5秒　「Filming a cover takes a whole setup」の見出しで、カメラや照明、カチンコ、ノートパソコンの影が落ちて弾みます。

10.5〜14.25秒　「Which keys? Which hand?」の見出しで、鍵盤の影の上に「?」が跳ねます。

14.25〜17.25秒　検索窓に「turn sheet music into a performance」と入り、結果の公式アイコンからサイトのトップの窓に寄ります。

17.25〜20.25秒　「Upload a score. Hear it played.」の見出しで、公式のデモ動画のコマを順に出します。

20.25〜23.25秒　「Every note lights up its key.」の見出しで、アプリの再生画面の鍵盤に寄って囲みます。

23.25〜26.25秒　「Hit Record. Keep it as video.」の見出しで、ツールバーのRecordに寄って囲みます。

26.25〜30秒　公式アイコンと影絵のピアノ、光の粒の中に「Piano: Soloist」とpianosoloist.appを出して締めます。

サイトの夕暮れの山並みに合わせて窓の外を黒い切り抜きの影絵にし、困りごとの場面は夜、製品にたどり着くと空が明けるようにしました。影の縁の桃の光はサイトのボタンのすみれから桃への色から取り、見出しはItaliana、検索窓と補足はIBM Plex Sansです。場面のつなぎは白紙の五線紙が中央を軸にめくれる形にし、楽譜は公式の画面に写るものだけを使っています。

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