← LP再現プロジェクトに戻る
Pattern 4 · GPT Image 2 / Image-to-LP Production

GPT Image 2で、ブランドトーン設計からLP制作へ

画像生成を「セクション画像をいきなり作る道具」として使うのではなく、 商品理解、ブランドトーン、世界観、情報設計、広告KV、LPセクション設計を段階的に固める制作フロー。 Meluvaでは実商品画像を入力し、生成成果物もクライアント確認用の中間成果物として扱う。

検証中 gpt-image-2 実商品画像入力 対象: Meluva ホワイトニングセラム
Why This Flow

LPは、画像生成の前に「売れる世界観」を決める

GPT Image 2を使う制作では、いきなりLPセクションを量産すると、商品理解・コピー・世界観・薬機法表現が散らばる。 Meluvaのような美容商材では、先にブランドトーンと情報設計を固め、商品画像を正しく扱った上で、広告KVとLPセクションへ展開する方が実務に近い。

Pattern 4の位置づけ
  • ・既存LPの単純再現ではない
  • ・画像生成でCV改善案を作る
  • ・途中成果物もクライアント確認対象
  • ・実商品素材を入力画像として使う
Deliverable 1

ブランドコンセプトボード v3

実商品画像入力 gpt-image-2 edit 薬機法表現チェック対象
Meluva ブランドコンセプトボード v3
確認ポイント

商品ボトル/箱を架空生成せず、既存商品画像を入力して世界観に統合する。

残すトーン

淡いアクア、パール白、水面、白百合、医薬部外品の信頼感。

注意点

最終LPでは日本語コピー、注釈、価格、CTAは必ず人手で校正する。

Deliverable 2

商品情報インフォグラフィック v1

実商品画像入力 gpt-image-2 edit 方向性確認用
Meluva 商品情報インフォグラフィック v1
目的

W有効成分、保湿、香り、使い方を1枚で整理し、LP前の購買理由を見える化する。

テクスチャー方針

透明でみずみずしく、少しとろみを感じる美容液スウォッチとして表現する。

注意点

最終LPでは日本語テキストと注釈を画像生成任せにせず、正確な文字として合成する。

Deliverable 3

商品ビジュアル v1

実商品画像入力 gpt-image-2 edit 文字なし
Meluva 商品ビジュアル v1
目的

パッケージを再設計せず、実商品をLPや広告で映える状態に整える。

使える要素

白百合、水面、透明なとろみテクスチャーを、後続のMV/質感セクションに展開できる。

注意点

最終LPでは商品ラベルの細部を既存商品素材で補正し、コピーは別途合成する。

Deliverable 4

広告KV v1 / Product-Led Glow

実商品画像入力 gpt-image-2 edit MV方向性検証
Meluva 広告KV Product-Led Glow v1
目的

商品主役のまま、肌印象・うるおい・美白ケアの購入理由を広告1枚で検証する。

構図

左にベネフィットコピー、右に商品、背景に匿名モデルの肌印象を置く。

注意点

人物・商品・日本語コピーは、最終LPでは分解して正確に合成する。

Deliverable 5

商品ビジュアル v2 / Shape-Locked Sizzle

商品形状固定 gpt-image-2 背景生成 Pillow合成
Meluva 商品ビジュアル Shape-Locked Sizzle v2
目的

商品形状を変えず、撮影ライティングと水滴のシズルだけを強化する。

作り方

商品なし背景を生成し、元の透明PNG商品を固定レイヤーとして合成する。

使える要素

リムライト、水流、水滴、白百合の躍動感をLP MVや広告に展開できる。

Deliverable 6

広告バナー v2 / 生成手描き水光肌

gpt-image-2 edit 商品画像参照 文字も生成
Meluva 広告バナー 生成手描き水光肌 v1
目的

水光肌と商品コメントを含め、広告全体をgpt-image-2の一枚絵として生成する。

改善点

合成文字ではなく、写真の光・水面・商品に手描きコメントが自然になじむ。

注意点

商品形状とラベルは参照画像に寄せているが、最終提出前に目視確認する。

Deliverable 7

商品撮影バリエーション v1

gpt-image-2 edit 角度補完OK LP素材候補
Meluva 商品撮影 正面寄り v1
Front Trust

現行素材に近い安心感。商品情報やオファー前の再提示向き。

Meluva 商品撮影 斜め45度 v1
45 Degree Premium

最有力候補。奥行きと高級感があり、MV/広告KVに展開しやすい。

Meluva 商品撮影 テクスチャー寄り v1
Texture Closeup

透明なとろみ訴求が強い。使用感/保湿/水光肌セクション向き。

新方針

元写真を基準にしつつ、見えていない側面や角度違いは自然に補完する。

許容範囲

Meluvaらしさが保たれていれば、撮影品質・光・シズルを優先する。

次に使う候補

MV/広告の主役は45 Degree、使用感訴求はTexture Closeupを起点にする。

Deliverable 8

LP MVセクション v2

gpt-image-2 edit LPセクション候補 CTA入り
Meluva LP MVセクション v2
役割

薬用美白、水光肌、W有効成分、初回オファーをファーストビューで接続する。

改善点

v1で生成された不要な※3を削除し、注釈を※1/※2に整理した。

次工程

このMVの直後に、しみ・そばかす予防や乾燥悩みの共感セクションへ接続する。

Deliverable 9

Seedance 2.0 CMキーフレーム

Seedance 2.0 gpt-image-2生成 一時停止スクショ風
Meluva Seedance 2.0 CMキーフレーム

Seedance 2.0でCM風動画を作る前に、gpt-image-2で「完成CMを一時停止したスクリーンショット」のような時刻別キーフレームを生成。 これを0秒/2.5秒/5.5秒/8.5秒/11.5秒/15秒の参照画像として渡す。

0-2.5s
Hook

keyframe-0000-hook.png をSeedanceへ渡す。透明なとろみ、水面、白百合から開始。

2.5-5.5s
Product

keyframe-0250-product-reveal.png を渡す。商品が主役になる瞬間。

5.5-8.5s
Ingredient

keyframe-0550-ingredient-trust.png を渡す。W有効成分を図解調に。

8.5-11.5s
Texture

keyframe-0850-ritual-texture.png を渡す。使用感と香りを動かす。

11.5-15s
CTA

keyframe-1150-offer-cta.png とエンドカードへつなぐ。

納品形式

秒数、生成キーフレーム、ショット役割、後載せテロップをセットにしたSeedance 2.0投入前の絵コンテ。

作り方

生成済みキーフレームを順番にアップし、各クリップの開始/目標フレームとして指定する想定。

注意点

Seedance側では原則テキストなし。価格、CTA、注釈は編集レイヤーで正確に載せる。

制作フロー(Step by Step)

1
商品情報・表現ルールをロック
現行LPから、医薬部外品、W有効成分、美白注釈、保湿、香り、価格/定期条件を整理。 `美白※1` と `水光肌※2` は同一ボード/同一セクション内に注釈を置く。
2
ブランドトーンをコンセプトボード化
薬用美白の信頼、うるおい、水光肌、ホワイトリリーの香りを1枚のボードに集約。 クライアントと「この方向でLPに進むか」を合意するための成果物として扱う。
3
実商品画像を入力して世界観に統合
生成モデルに架空ボトルを作らせない。Meluvaの既存商品画像を入力し、 箱・ボトル・ラベル位置を参照させて、ブランドボードやKVの中に配置する。
4
情報設計ボードを作成
W有効成分、保湿、香り、使い方、FAQ、オファーを「どう並べると買う理由になるか」で整理。 ここではLPの構成順とコピーの優先順位を決める。
5
商品ビジュアルを作成
既存商品を再設計せず、LPや広告で使える商品単体ビジュアルへ展開。 白百合、水面、透明なとろみテクスチャーを固定する。
6
広告KVを複数方向でテスト
成分信頼型、水光肌情緒型、オファーCV型を比較。 MVの勝ち筋を広告1枚で検証してから、LPファーストビューへ展開する。
7
CM動画で世界観の動きを検証
Seedance 2.0等の image-to-video を想定し、gpt-image-2でCMを一時停止したような時刻別キーフレームを先に生成。 水、光、白百合、手書きコメントの動きがブランドトーンに合うか確認する。
8
LPセクションを1枚ずつ設計
各セクションで、役割 → テキスト構成 → レイアウト → トンマナ → 生成/合成プロンプトの順に確定。 いきなり画像化せず、セクションごとの購買ストーリーを詰める。
9
最終LP画像を生成・校正・実装
セクション画像は最終的に縦貼りLPとして実装。CTAはHTML上で透明リンクを重ねる。 商品画像、価格、薬機法注釈、日本語テキストは最終校正対象にする。

gpt-image-2で画像素材を使う方針

使う

実商品画像を入力画像として渡し、コンセプトボードや広告KVの中に統合する。 これにより、架空ボトル生成を避け、Meluvaの実商品に近い見え方でトーン検証できる。

ただし最終校正する

入力画像を渡しても、ラベルや細部が完全固定されるとは限らない。 クライアント提出前は、商品形状、ラベル、日本語、薬機法表現を必ず目視確認する。

関連リンク・成果物