できること

  • 1920x1080、30 fps、16〜20 秒の MP4
  • デバイス、スクロール、見せ場を含む、編集可能な HyperFrames プロジェクト
  • 操作、主張、CTA のコピー予算を示したビートシート
  • 画面の出典、データの消し込み、デバイスの権利についての引き継ぎメモ
  • 任意:SNS 向けにミックスした PopNow の音楽、ナレーション、スタジオのプレート

向いている用途

  • 実際の画面を持つアプリや Web 製品のローンチ
  • 機能の紹介ツアーではなく、ひとつの説得力のある操作を見せる
  • SNS のフィードやランディングページ向けのローンチクリップ

向いていない用途

  • インターフェースのない製品、またはモックアップとしてしか存在しない画面
  • 複数の操作がある手順のチュートリアル
  • 見覚えのあるブランドのスマホや、他社のアプリを見せること

使い方

Claude・ChatGPT で

PopNow のスキル「デバイスモックアップ付きの SaaS 製品動画」(device-mockup-launch-video)を使って、次のことをしてください:./capture.png から、当社のメモアプリのローンチ映画。「ローンチについて、私たちは何を決めた?」と入力し、答えを見せ、主張は「すべてのメモが、ひと問いで届く」。

コーディングエージェントで

/popnow-device-mockup-launch-video ./capture.png から、当社のメモアプリのローンチ映画。「ローンチについて、私たちは何を決めた?」と入力し、答えを見せ、主張は「すべてのメモが、ひと問いで届く」。

次はこれ

スクロールを短くして、操作の場面はそのままにして。

主張に BGM と声を加えて。いくらかかりますか?

用意しておくもの

  • 自社の製品画面の縦長のキャプチャ(実際のデータは消したもの)
  • ひとつの操作、そこで返る答え、一行の主張、短い CTA
  • ロックアップとふたつの色。Node.js 22+ と FFmpeg

似ているスキル

すべて見る →

よくある質問

スマホの 3D モデルが必要ですか?

いいえ。デバイスは、CSS の遠近法で作ったニュートラルな板です。ベゼル、動くガラスのハイライト、別の影があります。特定のメーカーの製品に見えないよう、意図してあります。

PopNow がアプリの画面を作ってくれますか?

いいえ、意図的にです。映画の主張全体が、画面は本物だということなので、自社製品のキャプチャを使います。PopNow が追加するのは音と、必要なら空のスタジオの背景だけです。

操作をひとつにする理由は?

操作をひとつにすると、ローンチ映画のままでいられます。ふたつ以上あるとチュートリアルになり、長さ、テンポ、視聴者が変わってしまいます。

スクリーンショットに実際の顧客データが写っていたら?

チェックリストによって、画面をデバイスに載せる前に、エージェントが名前、アバター、残高、メッセージ、第三者のマークを消し、消した内容を記録します。