イラスト素材サイト「IconVault」の30秒紹介動画

IconVaultは、386点のSVGイラストをキーワードやパックで探せるギャラリーです。色を選ぶとカードのイラストがその色に変わり、サイズを決めてSVGまたはPNGでダウンロードできます。イラストは5つのパックに分かれています。

0〜3.21秒　アイコンと「IconVault」の名前が出て、悩みを打ち込む検索窓が現れます。

3.21〜8.57秒　「Nice art. Wrong color.」の見出しが出ます。検索語が次々に入れ替わり、最後は「how to recolor an svg」になります。色の違う3枚の絵に「Our brand」の札が添えられ、どれも合いません。

8.57〜13.93秒　最後の検索でiconvault.site/illustrationsの札が出て、公式の画面が下から現れます。色見本を押すとギャラリーの絵がオレンジ、紫へ変わり、「Pick a color. Every card follows.」と出ます。

13.93〜19.82秒　「Any size. SVG or PNG.」の見出しで、エディタの画面に寄ります。サイズのスライダーを枠で囲み、続けてSVGとPNGのダウンロードのボタンを囲みます。

19.82〜25.71秒　ギャラリーの画面の横で数字が0から386まで増えます。その下に5つのパックの名前と点数の札が並びます。

25.71〜30秒　アイコンと「IconVault」の名前、ブランド色のSVGイラストという一言、iconvault.site/illustrationsのアドレスで締めます。

窓の外は、切り紙の紙片が1秒8コマで小さく揺れるコマ撮りにしました。製品の画面は公式サイトの実画面を撮影し、実際のボタンの位置にカーソルを合わせて色見本やサイズを操作しています。エディタの画面は作者名が出ない絵のものを選び、困りごとの場面の「ほかの絵」は紙で切った抽象の形にして、他の人の作品は載せていません。

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