動画生成・2本
記録した使用量 × 公式単価$3.6192 約543円
比較用のFast・720p・5秒は108,900トークン × $5.6／100万＝$0.60984。採用した通常版・1080p・8秒は390,825トークン × $7.7／100万＝$3.0093525。どちらも入力動画なしの料金です。請求明細との照合は未実施です。
SENRA / PRODUCTION REPORT / 2026.09.09
1枚の世界観を、
長いLPの最後まで。
参考LP3本の情報設計を分析し、架空のクレイミルクシャンプー「SENRA」を企画。22セクションの画像を連続生成し、継ぎ目を検査・修正したうえで、動画・FAQ・商品選択・確認画面まで実装しました。
22画像セクション
34,048長尺画像の高さ / px
8秒の質感動画
完成LPを見る ↗1枚の長尺画像を保存 ↗ページ全体を画像で保存 ↗制作費用を見る ↓制作・検証データ ↗
今回、作ったもの
洗浄・保湿・指通りのケアを1品で行う、泡立たないクリームシャンプーを設定しました。400gボトルは3,960円、20g×4包のトライアルは780円。いずれも税込・送料込みの都度購入という企画です。商品仕様・配合・価格・使用目安は、すべて架空商品の設定です。
写真の印象だけで終わらせず、悩みの共感、洗浄の仕組み、コンディショニング、成分の役割、質感、香り、3ステップの使い方、使用量、髪に合わせた使い方、日々のケア、容器、価格、8項目のFAQへと説明を積み重ねています。
新作：赤いクレンジングバームBENIのLP → ／ 参考3本の構成を再分析したレポート
参考LPから取り入れた設計
| 参考 | 確認した構成と、今回の反映 |
|---|---|
| NewZ | 指定direct版を再確認すると、自宅で使える医薬品という約束→塗布実演→根拠材料→主オファーの順でした。構成の再分析と反映は新作BENIのレポートに掲載しています。 |
| ESIENCE | 成分・質感・使い方まで画像で深掘りする構成。マクロ写真、毛髪の模式図、使用手順、動画へ反映。 |
| cocone | クリームシャンプーの使い方・商品理解を段階的に深める構成。予洗い・なじませ・すすぎ、量と髪の状態の説明へ反映。 |
参考ページの写真・ロゴ・コピーは転載していません。長い説明の組み立て方を参考に、商品名、パッケージ、写真、図解、文章を新しく制作しました。架空の口コミ、受賞歴、実験結果、販売実績は作っていません。
「セクションを繋ぐ」をどう実装したか
- 青緑・アイボリー・シャンパンゴールド、ボトル、書体、光、水・クリーム・髪の流れを先に固定。
- 前の画像の下端256pxを次の生成の参照領域として引き継ぎ、次セクションの内容と境界を一緒に生成。
- 生成画像を比例拡大して1,024×1,792pxの作業サイズに統一。今回APIが返した原寸は主に948×1,659px、一部948×1,660pxであり、作業サイズをネイティブ生成解像度とは扱っていません。
- 21か所の重なり領域で切替位置を選び、1,024×34,048pxのマスターに結合。二値の切替で合成し、画像の色を混ぜるフェードや、CSSのぼかし帯で継ぎ目を隠す処理は使用していません。
- 1枚のマスターから配信用WebPを切り出し、隙間なく表示。モバイル向け640px版と1,024px版を使い分け、後半は遅延読み込み。
画像だけの長尺マスターは1枚のJPEGとして保存できます。公開LPには、その画像に加えて実際に操作できるボタン、スクロールで無音自動再生する8秒の動画、開閉式FAQ、商品選択、確認画面、拡大して読めるテキスト版を実装しています。
実際に使用した生成経路
| 最初の方向性・CTA | Codex内蔵の画像生成ツール。CTAは透過画像として制作。 |
|---|---|
| 連続生成・局所修正 | OpenAI Images API。呼び出し指定は gpt-image-2.5-sunburst、quality=high、size=auto。これは呼び出したモデル名であり、サーバー内部のモデル構成までは検証していません。 |
| 採用した動画 | BytePlus ModelArk / dreamina-seedance-2-0-260128。1,920×1,080、24fps、実ファイル8.04秒、音声なし。 |
| 比較した動画 | dreamina-seedance-2-0-fast-260128で5秒・720pも生成。質感の動きと見え方を比較し、1080p版を採用。 |
| 配信 | Cloudflare Workersの静的アセット配信。APIキーや生成用の認証情報は公開サイトに含めていません。 |
生成ログと採用画像を区別し、失敗・不採用の出力をそのまま公開しない工程を設けました。利用した生成回数とファイル情報は制作データに記録しています。制作費は、下記に記録から計算できた費用・参考試算・未集計分を分けて記載しています。
PRODUCTION COST 2026.09.09 確認
このLPの制作費用
画像出力の参考試算 ＋ 動画の使用量から算出
約790円＋ 未集計分
参考値 $5.26 ／ 1ドル＝150円の仮換算
請求総額は未確定です。画像の入力料金とCodex利用分などは含みません。790円が今回の総額、または上限という意味ではありません。
対象は、このSENRAのLP制作です。品質修正で作り直した画像と、不採用の比較動画も含めています。最初の連続生成実験レポートの制作費は別です。
画像API・成功44枚
出力部分のみの参考試算$1.6408 約246円
Sunburst・high・1,024×1,792pxを仮定すると、公式計算機では出力1枚1,243トークン。44枚 × 1,243 × $30／100万＝$1.64076です。
実際はsize=autoで生成しています。上の解像度は合成の作業サイズで、生成原寸とは異なります。保存ログにusageがないため、この値は実際の消費トークンや請求額を復元したものではありません。テキスト・参照画像の入力料金は未集計です。API呼び出しは計46回で、失敗2回の課金有無も未確認です。
Codex内蔵の画像生成・制作作業
金額未取得内蔵ツールは画像2枚を採用し、別に失敗1回がありました。内蔵画像生成、企画・コピー・実装・レビューに使ったCodexの、このタスク分の利用額・月額料金の按分は取得できていません。0円として集計していません。
Cloudflareの静的配信
公開料金上の追加配信費$0 静的アセットの保存・配信
このLPは静的ファイルとして配信しています。閲覧のたびに画像・動画を生成するAPIは呼びません。既存のCloudflare契約やドメイン代は、この追加配信費には含みません。
税込の請求額ではありません。実際の支払額には、未集計の利用分、契約条件、クレジット・割引、税、為替・決済手数料が反映されます。人の制作工数も含みません。最終的な総額は、各サービスの請求明細と照合して確定する必要があります。
計算の根拠：OpenAI単価 ／ 画像トークン計算機 ／ BytePlus単価 ／ Cloudflare配信料金。計算条件・内訳データを開く ↗
品質確認と、実際に直した点
自己点検に加えて、別のレビュー担当が22セクションと実装を独立確認。指摘をもとに、商品ラベル、4包の数、泡立たない商品のクリーム表現、注記、背景の水平切断、CTAと動画の重なりを修正しました。
- 画像：全22セクションと21か所の境界を確認。商品・価格・数量・説明の整合性を点検。
- 表示：スマートフォンとデスクトップで、実ブラウザの表示・文字の重なり・横はみ出しを確認。
- 操作：商品切替、数量1〜5、合計金額、確認・完了・戻る、キーボードを含む43項目が合格。
- 動画：実際の再生時間の進行、停止、画面外での停止を検証。
- 配信：公開先からHTMLと主要アセットを読み戻し、ローカルの完成版と照合。
画像の細かな注記はスマートフォンで小さくなるため、価格・購入条件・使用上の説明をHTMLでも掲載し、全商品説明を読めるテキスト版を用意しています。
今回の結論
セクションの境界を含めて細かく生成・修正する方式で、長い画像LPを一続きのデザインとして制作できました。ただし、生成するだけで完全に繋がるわけではありません。実際に、水平切断や商品ラベル、包数の揺れが出ており、局所修正と最終的な合成後の表示確認が必要でした。
広告LPの制作方式としては有望です。特に、全体のデザインと商品の基準画像を先に固定し、隣接部分を参照して作り、画像・文章・操作を別々に検査する工程に再現性があります。異なる構図での商品容器の比率には生成特有の微差が残るため、実商品の制作では正規の商品写真または3D素材を基準に固定するのが次の改善点です。
公開範囲と、実際の出稿前に必要なもの
このサイトは架空商品の制作デモです。実注文・決済・配送・個人情報の受付は行いません。検索エンジン向けにはnoindexを設定しています。販売事業者の情報や特定商取引に関する実在しない表示を作ることもしていません。
実際に販売・出稿するには、実商品の処方・使用方法・安全性・訴求の根拠、販売者情報・取引条件、決済・注文・配送の接続、広告媒体での審査確認が別途必要です。今回の完成範囲は、LPのデザイン、詳細な商品説明、連続画像、動画、ブラウザ上の購入体験です。