この記事は、AI開発支援ツールのCodexで、美容商品の販売ページを短時間で作った実演動画をもとにしています。
短時間で作ったページを完成品と考えない理由、画像中心と文字を直接直せる作り方の選び方、画像内の文字や作業手順を確認する基準が分かります。
AIの短時間生成を完成品と考えない
AIによるLPの一発生成は初期テストには使えても、販売用の完成品とは分けて考えます。簡単な指示で短時間に形にできても、商品情報やコピー、構図を具体化し、人が内容を判断する工程が必要です。
実演では、AI開発支援ツールのCodexで美容商品の販売ページを約15分で作れました。ただし、簡単な指示で作ったデモであり、商品情報や素材を渡して品質を詰める必要があると説明しています。
短時間生成は方向性を確かめる用途に向きます。コピーや構図まで販売用として整える場合は、AIへ丸投げせず、人が内容を詰めるか、必要に応じてプロへ任せる判断が残ります。
ページの作り方は、公開後に何度直すかで選ぶ
ページ全体を画像で見せる方法は、複雑な飾りを保ちやすい一方、公開後の文字修正に手間がかかります。公開後に何度直すかを基準に作り方を選びます。
実演では、画像とページの内容を組み立てるHTML、見た目を整えるCSSを組み合わせた方法と、生成画像を中心に見せる方法を比較しました。画像中心なら複雑な飾りを保ちやすい一方、文字を直す場合は画像側の編集が必要になりました。
頻繁に変更する文字まで画像へ入れると、修正のたびに画像編集が必要です。変更が見込まれる部分は、画像編集サービスのCanvaで直す選択肢も含めて決めます。
画像内の文字は公開サイズで確認する
生成画像の文字は、生成画面だけでなく実際の公開サイズで可読性を確認します。読みにくい箇所が残る場合は、画像編集か作り直しを検討します。
実演では、販売ページを公開用にアップした表示でも以前より文字の崩れは減っていました。ただし、読みにくい箇所は残り、画像を拡大して見やすくするアップスケールも検討しています。
画像がきれいに生成されたように見えても、文字の読みやすさは別に確認します。修正が必要な場合は、画像内の文字を編集できる方法を残しておきます。
作業手順と最後の確認を毎回同じにする
販売ページの品質を安定させるには、その場限りの指示だけで動かさず、作業の順番、参考情報、最後の確認方法を決めて、複数回試します。
実演では、AI作業用の手順書を「スキル」と呼び、手順を分けたファイルと参考情報を順番に読ませ、最後に指示どおり作られたか確認する流れを組みました。最初に約3回試し、ようやく一定の形になった段階だと説明しています。
品質基準は固定しても、細かなデザイン表現まで縛りすぎると生成結果を悪くする場合があります。工程と最低基準を固定し、結果を見ながら改善します。
画像を作る指示は細かくしすぎない
画像を作らせるときは最低限の品質基準だけを決め、細かな表現まで縛りすぎません。最初の指示を人が確認し、必要な部分だけ調整します。
実演では、画像生成機能のGPT Imageを使い、作業の順番と最後の確認は手順書へ入れる一方、細かな指示を増やしすぎると生成結果が悪くなる場合があるため、最低基準に留めました。
AI任せにするのは最初の指示ではなく、固定した工程の実行部分です。何を作らせるかは人が確認し、自分の基準へ近づけます。
分野が違う仕事は、手順と参考情報を分ける
分野が違う販売ページを一つの作業手順へまとめず、分野ごとに手順と参考情報を分けます。関係のない素材や判断が混ざるのを減らすためです。
実演では、美容商品の販売ページ（LP）向けの参考情報（ナレッジ）と別分野の参考情報を同じ場所へ入れると、AIが違う情報を混ぜる可能性があるため、分野単位で分ける方針を取りました。
指示文だけで参照先を縛ってもAIの判断には揺れが残ります。参考情報そのものを分け、選べる範囲を狭める方が運用しやすくなります。
コメント