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

CodeHypeは、SaaSやAI製品を公開するためのローンチの場とディレクトリを兼ねたWebサービスです。製品のURLを1つ入れるとAIが名前・キャッチコピー・説明文を埋め、ローンチすると恒久の製品ページと被リンクができます。

0〜2秒　アイコンと「CodeHype」の名前の札が揺れ、「Launch day for a new product」の下に最初のカードが落ちます。

2〜10秒　「Every site wants the same form」と出て、同じ申請を埋め直す作業のカードが次々に落ちて積もります。

10〜12秒　「Open CodeHype」と出てサイトのトップの窓が開き、カーソルが押したボタンへ寄ります。

12〜16.5秒　申請の画面でAIに埋めさせるボタンを押すと、作業のカードに線が引かれて窓へ吸い込まれます。

16.5〜21秒　「One permanent product page」と出て、残ったカードが製品ページの見本へ入っていきます。

21〜25秒　掲載の段階を並べた画面に移り、恒久の被リンクの行に寄って囲みます。

25〜30秒　ロゴと締めの一文と製品URLが弾んで出て締めます。

窓の外は薄紫の方眼に黒の太枠とずらした影を付け、レモン・オレンジ・水色のカードを積むネオ・ブルータリズムにしました。窓の中はサイトをそのまま撮った画面で、寄る・囲む・クリックだけにしています。他社の掲載一覧は写らない範囲で切り出しました。

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