できること
- フォントと画像を埋め込んだ HTML 1 ファイル。サンドボックスのプレビューでも動く
- 11 のセクション:表題カードのヒーロー、マニフェスト、タブで切り替える製品の瞬間、夜の映画、スペック、アプリのパネル、ショールームの予約、ジャーナル、予約
- インラインの検証と受付の表示を備えた、動く予約、申し込み、お問い合わせ、ニュースレターのフォーム
- オフライン利用、配線、アクセシビリティ、残ったサンプル名を確かめるバリデーター
- 任意:クレジットの見積もり後に PopNow で作る製品の静止画、背景のループ、SNS カード
向いている用途
- 高級ハードウェアの予約注文、事前登録、予約のページ
- 時計、ヘッドフォン、カメラ、車、香水、家具などのローンチ
- デザイン主導のブランドの最初の製品ページ
向いていない用途
- 多くの製品やカートのあるストア
- 明るい、パステル、またははっきりした色のブランド
- SaaS の料金ページや、長い編集記事のサイト
使い方
Claude・ChatGPT で
PopNow のスキル「シネマティックな製品ローンチページ」(product-launch-landing-page)を使って、次のことをしてください:Halden One のローンチページ。スイスとデンマークの小さな工房で作られた手巻きの機械式時計です。予約は $250 の手付金で開始、最初の 300 本、ジュネーブとコペンハーゲンのショールーム訪問。
コーディングエージェントで
/popnow-product-launch-landing-page Halden One のローンチページ。スイスとデンマークの小さな工房で作られた手巻きの機械式時計です。予約は $250 の手付金で開始、最初の 300 本、ジュネーブとコペンハーゲンのショールーム訪問。
次はこれ
何かを生成する前に、製品の接写 4 枚と夜のシーンのループの見積もりを出して。
ヒーロー、瞬間、予約だけの軽量版も作って。
用意しておくもの
- 製品名、価格または入手可能時期、そしてどこで作られているか
- 人々が試して買う方法、手付金、保証、配送の条件
- 製品写真。まだ作られていなければ、素材とひとつの特徴的な細部
- 任意:PopNow API キーと、プロジェクトの DESIGN.md
似ているスキル
すべて見る →3D アバター作成ツール
+3ぬいぐるみのようなかわいい 3D キャラクターをブラウザで作り、透過 PNG や 3D ページとして保存できます。
カレンダーヒートマップ
+31 年分の日々の活動を濃淡付きのカレンダーで表示。連続記録、合計、キーボード操作にも対応します。
AI SaaS ランディングページ
+3温かみのある砂色の紙に細い罫線とハッチングの溝を配し、AI アシスタントがタスクを計画するライブのかんばんボードを置きます。
アニメーション付きヒーローセクション
+3見出しの一語がゆるやかに切り替わり、ボタン 2 つと横長の画像枠を備えた LP のヒーローセクションです。
シェーダーのヒーロー付きの代理店サイト
+3下に固定された宣言文の後ろで、ライブのオレンジの熱をしたシェーダーのヒーローが動き、ピルのナビと、ずらして並ぶ事例のグリッドが続きます。
ダークモード SaaS ランディングページ
+3動きの多いダークトーンのソフトウェア製品向けマーケティングサイトを、自己完結した HTML ファイル 1 つで届けます。
デザイナーのポートフォリオサイト
+3落ち着いたグレーの上で、フェードする見出しの周りを 6 枚の傾いたカードが漂い、赤いポートレートのカードと、雑誌風の事例が続きます。
エンジニア向けポートフォリオサイト
+3事例紹介、執筆、登壇、履歴書、問い合わせフォームを備えた、エンジニア向けのダークな個人サイトです。
雑誌風の SaaS サイト
+3ネイビーの分割ヒーロー、ドキュメンタリー写真の横に並ぶ 5 行のセリフの見出し、斜めの帯、コバルトのアクセントひとつ。
グラスモーフィズムのサイトテンプレート
+3ほぼ黒のフィルムの上の、すりガラスのピル形ボタン。斜体の 1 語を含む大きなセリフの見出しと、メールの登録欄。
ハードウェア製品のサイト
+3銀色のスタジオ写真の上に、極細の巨大なモデル名。すりガラスのスペックカード、実寸比のラインアップ、ハードウェアのベントー。
インタラクティブなアーキテクチャ図
+3検証済みの JSON モデルから作る、オフラインでクリックできるシステム構成図。各ボックスの根拠も確認できます。
インタラクティブなグリッドのヒーロー
+3ほぼ黒の上の細い線のダークなグリッドが、カーソルの方へ曲がり、クリックのたびに光る輪が広がります。
ナレッジグラフ エクスプローラー
+3プロジェクトのメモを、すべての記述が出典の行にリンクする、オフラインで検索できるグラフに変えます。
KPI ダッシュボードのテンプレート
+3変化のチップ付きの 4 つの KPI タイルの下に、光る折れ線グラフ、内訳の表、目標のバー。温かい紙の上で。
AI モックアップからのランディングページ
+3まず 3 つのフルページのデザインを見て、ひとつを選ぶと、エージェントがきれいでレスポンシブなコードに組み上げます。
Web マガジンサイト テンプレート
+3記事、トピック、小さなショップ、定期購読を備えた、紙の雑誌のような質感のサイトを HTML ファイル 1 つで。
パーティクルアニメーションのヒーロー
+3温かい紙の上の文章の横で、インクとティールのドットの回転する球体が、アイデアごとに形を変え、スクロールで散ります。
個人ブランドのウェブサイト
+3細い枠の中で、温かい紙にやわらかくなじむ肖像。両側には、軽めと太字の言い切り。
管理画面ダッシュボード テンプレート
+3グラフ、表、カンバン、カレンダーを備えた、実際に動くバックオフィス画面を、オフライン HTML ファイル 1 つで。
SaaS ランディングページ テンプレート
+3実際に動く製品コンソール、料金、登録フォームを備えた、落ち着いた明るいトーンのソフトウェア製品向けマーケティングサイトです。
スクラップブック風ポートフォリオサイト
+3紙の小物で作る複数ページのオンライン履歴書。事例紹介と印刷できる履歴書付きです。
スニーカーショップ サイトテンプレート
+3カタログ、商品ページ、カート、デモ決済を備えた、靴・アパレルのショップ一式を HTML ファイル 1 つで。
ワークフロー自動化のランディングページ
+3グラファイトのページ。小さく左寄せの見出しと、その下で実行、再試行、ログの流れるライブのノードグラフ。
よくある質問
ヒーローは動画ですか?
いいえ。ヒーローは、コードで描いたゆっくりしたキャンバスのアニメーションの上に置かれた、中央の見出しです。費用はかからず、くっきりしたままです。PopNow の動画は、さらに下のレターボックスの夜のシーンに入ります。承認した静止画から作る短いループで、繰り返しが目立たないように切られます。
PopNow はここで何を生成しますか?
任意の製品の接写、ひとつの共通の光で撮った場面の画像と平置きの写真、夜のシーンの背景ループ、SNS のプレビューカードです。スキルは計画全体をクレジットで見積もり、あなたが同意するまで何も実行しません。
API キーなしで使えますか?
使えます。写真の段は、暗いキャンバスの場面か、ご自身の写真にフォールバックします。ジャーナルのカードは文字だけでもよく、SNS カードは HTML から描画されます。納品メモには、まだ本物の写真が必要な枠が一覧になります。
予約とショールームのフォームは支払いを受けますか?
いいえ。検証して受付と参照番号を表示しますが、ご自身のエンドポイントや決済につなぐまでは何も送信しません。納品メモにはそう明記されます。

