事前情報を読み込む(任意・あれば便利)
事前に用意した商品情報を添付してください。AIが添付資料を解析し、下のフォームに自動入力します。
仕入れ先サイトの画像・商品画像・競合ページのスクリーンショットなどを読み込めます。
Webページ全体を1枚の画像にするには、Chromeの標準機能が使えます(拡張機能は不要)。開発者ツールを開く(Macは ⌘+Option+I / Windowsは F12)→ ⌘+Shift+P(Ctrl+Shift+P)→「screenshot」と入力 →「Capture full size screenshot」を選ぶと、ページ全体がPNGで保存されます。
取り込まれた項目は黄色背景で表示されます。間違いがあれば手で直してください。
— または —
※APIキーが必要です。画像は1枚5MB以内目安。
ターゲット(メイン・サブの2像/次の問題提起コピーの基準になります)
特徴・機能(訴求につながる売り)
訴求(セールス)につながる特徴を書き出してください。素材・サイズ・カラーなどのスペックは下の「商品詳細」へ。
商品詳細(素材・サイズ・カラー等/ページ後半の情報)
権威性(あれば記入・なければ空欄でOK)
権威性が一切ない場合は空欄のまま次へ進んでください。
コンセプト設計
Step1の商品情報をもとに、AIが売れるコンセプト案を3つ提案します。選択後、各項目は直接編集・ブラッシュアップできます。
ページ構成(画像の枚数・各画像のテーマを自由に設計)
各行が1枚の画像です。「+テーマ」で1枚に複数テーマを組み合わせられます(例:SP①+商品詳細)。≡をドラッグで並び替え。選んだ枚数分だけ生成され、あとから各画像は再生成・編集も可。
トンマナ(見た目の方向)設定
配色イメージ(3色:ベース/アクセント/サブ)
画像サイズを選択
ライティング生成・編集
Step3で決めた構成・デザインで全画像分のライティングを生成します。各カードで編集・コピー再生成・ワイヤーフレーム調整・完成画像の生成まで行えます。
実物の商品写真は、生成後に各スライドごとに添付できます(各画像の「使用する画像を添付」から)。FVには商品単品、問題提起には悩む人物の写真…とスライド別に素材を出し分けられます。
※ 文字数が赤の項目は推奨オーバーです。そのままでも使えますが、長いほど情報過多になります。
ここから先は、プロの領域です
AIで作れるのはここまで。雑誌掲載・受賞・専門家監修まで作り込んだ“本気で売れる商品ページ”は、制作実績1,000件以上のプロが代わりに仕上げます。
プロの制作代行を見る