lofi音楽サイト「Lofi Cities」の30秒紹介動画
ドット絵の夜の街とブラウザ生成のlofi音楽を楽しむサイト「Lofi Cities」の30秒紹介動画です。MunichやTokyoやParisの画面を切り替えて見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Lofi Citiesとこの紹介動画
Lofi Citiesはドット絵の夜の街を映しながらブラウザでlofi音楽を生成するサイトです。Munich・Tokyo・Parisなどの街の画面を切り替えて聴けます。
- 製品
- Lofi Cities（lofi音楽サイト）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 夜に勉強や作業をするときの音を探す検索からLofi Citiesのサイトへ進む流れを示します。
- music is generated live in your browserの画面を囲みブラウザ上で音楽が生成される仕組みを見せます。
- Munich・Tokyo・Parisの夜景を順にめくり街の画面と音を切り替えて楽しむ形を伝えます。
30秒の流れ
0〜3.2秒 月のアイコンとLofi Citiesの名前を表示し夜の街と音楽の画面へ入ります。
3.2〜8秒 lofi music to study toの検索語と架空の結果を表示し夜の作業用の音を探します。
8〜13.6秒 検索語を入れ替え広告や終わるプレイリストを避けたい場面を示します。
13.6〜16.8秒 lofi citiesの結果に切り替えサイトの説明紙片をクリックします。
16.8〜20秒 Munichの公式画面を開きmusic is generated live in your browserを囲みます。
20〜26.4秒 TokyoとParisと街の一覧を水彩のページめくりで順に見せます。
26.4〜30秒 月のアイコンとLofi CitiesとサイトURLを夜の水彩紙に置き締めます。
表現で工夫したこと
ウルトラマリンからインディゴへにじむ水彩の夜を背景に公式のMunich・Tokyo・Paris画面と街の一覧を窓へ収めました。検索結果の紙片と水彩のにじみの切り替えで探す場面から街を選ぶ場面へつないでいます。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る