Webサービス「Designeer」の30秒紹介動画

Designeerは、個人の作り手やスタジオの視覚の作品を見つけるための目録のWebサービスです。インスピレーション・素材・道具・ポートフォリオを1か所にまとめ、掲載は1件ずつ手で確かめられ、見つけた作品には作った人の名前が添えられます。見つけたものはプロジェクトやスタイルごとにフォルダへ保存できます。

0〜3秒　紙の机の上の検索窓に「where is the good design work?」が打たれ、下の縁から切れ端がのぞきます。

3〜8.5秒　検索語のinterfaceやmotion clipなどが入れ替わり、保存した投稿の切れ端が1枚ずつ落ちて積み重なります。

8.5〜14秒　「who made this?」と打たれ、切れ端が裏返って「?」になり、虫眼鏡が探して回ります。

14〜20秒　fontsやiconsなどの探し物が入れ替わり、紙芝居の舞台で素材探しのカードが1枚ずつめくれます。

20〜23秒　検索窓に「designeer.xyz」と打って送ると実際の画面に切り替わり、見出しに寄って囲みます。

23〜24.6秒　ページがめくれてInspiration・Resources・Tools・Portfoliosの分類が切り替わり、左の項目を囲みます。

24.6〜26.4秒　フォルダの画面に移り、プロジェクトやスタイルごとに保存したカードを囲みます。

26.4〜30秒　公式のロゴの画像が紙に貼られ、「Bringing the best of the internet together.」の文字で締めます。

生成りの紙の机に切り紙の検索窓と切れ端を置き、コマ撮りの刻みで動かす紙芝居の画風にしました。色は製品の青とアイコンの水色・薄紫、書体はサイトと同じFunnel DisplayとFunnel Sansです。実際の画面では一覧に載る他の作り手の作品とスポンサー枠をぼかし、文字や配置はそのままにしています。

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