Webサービス「Charming」の30秒紹介動画
AIのチャットで作ったアプリを公開して共有できるWebサービス「Charming」の30秒の紹介動画です。チャットの中に閉じていたアプリを専用のリンクで仲間が開けるようにし、票が次回まで残るところまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Charmingとこの紹介動画
Charmingは、ClaudeやChatGPTで作ったアプリを動かし、決まったURLで開けるようにするサービスです。Googleドキュメントのように招待した人だけが開ける仕組みで、閲覧・利用・編集の権限を選べます。アプリごとに保存領域があり、保存した値は次に開いたときやアプリを更新したあとも残ります。
- 製品
- Charming(Webサービス)
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- チャットで作ったアプリを仲間が開けない困りごとに対し、専用のリンクで開いて招待した人ごとに権限を選ぶ場面を見せました。
- 次に集まるときには票が消えている困りごとに対し、票や追加した本が保存され、翌週になっても残る様子を見せました。
- アプリは既定で非公開になっていて、共有するまでほかの人には開けない点を安心材料として添えました。
30秒の流れ
0〜2秒 炎のキャラクターとワードマークが点の地紋の上に出て、「Apps you build with AI, shared like a doc.」と添えます。
2〜4.5秒 AIのチャットに読書会のアプリを頼む文が打たれ、アプリのカードが出てきます。
4.5〜7.8秒 アプリはチャットの枠に閉じたままで、仲間へ届けようとした点が跳ね返り、「Can't open it」の鍵が出ます。
7.8〜11秒 曜日のカードがめくれて次の集まりの日になると、本の一覧と票が消えて「No picks yet」になります。
11〜13秒 グループのメッセージが積もって流れていき、未読の数が増えていきます。
13〜15秒 炎が弾んで現れ、「Build in Claude or ChatGPT. Live at its own link.」の一言で製品が登場します。
15〜20秒 同じアプリがcharm.ingのリンクでブラウザに開き、共有ダイアログで仲間を招待して編集や利用の権限を割り当てます。
20〜25秒 同じ行に票が増えて本が1冊足され、「Saved」の表示のあと曜日が翌週へ進んでも内容が残っています。
25〜27.5秒 小さな炎の横に、共有するまで非公開であることが示されます。
27.5〜30秒 「Build it in chat. Share it like a doc.」の文字とcharm.ingのURLで締めます。
表現で工夫したこと
サイトの紙色と墨、オレンジ、淡いパステルを使って書体もサイトに合わせ、ロゴの炎はゆらめかせ続けました。困りごとと解決には同じアプリのカード、仲間のアバター、曜日カード、票の数字を使い、どの困りごとがどう解けたかを対応させています。ClaudeやChatGPTのロゴは使わず、名前を文字で出すだけにしました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る