詳しい説明
このプロンプトは商品ページに二つの役割を指定します。左側でコーヒー包装を見せ、右側で購入の判断を整理します。架空のブランド、焙煎度、価格、挽き方、数量、橙色の購入ボタンまで具体化しており、単に美しい店舗を求めるより配置が明確です。得られるのは画面案の画像で、HTML、決済、在庫の仕組みは含みません。
公開画像では黒い袋と金色の印章がギャラリーの中心です。商品名、評価、価格、挽き方、橙色のボタンが購入の階層を作っています。評価件数や包装の細部には生成で補われた内容もあります。実際の商品へ応用するときは商取引の事実を置き換え、文字と操作部品を本物の店舗で作り直します。
用意するもの
- 置き換える商品、包装、ブランド、価格、選択肢。
- 正確な文字が必要な箇所と、配置参考にとどめる箇所の区別。
得られるもの
- 原作者が公開したコーヒー商品ページの参考画像。
- 店舗設計のための構図であり、実行可能な画面コードではありません。
使い方
- 原文を全文コピーし、架空の商品とブランドを一貫して置き換える。
- 色や商品を変えても、ギャラリーと購入領域の役割を明示する。
- 文字、評価の主張、重複する縮小画像、選択肢名を確認する。
- 採用した要素を、確認済みの商品データを使う実際の部品にする。
制約と確認事項
- 評価、件数、価格は図示用であり、実在の販売情報ではありません。
- 出典のモデル表記はGPT Image 2ですが、後端、シード、完全なリクエストは独立に確認されていません。
- 描かれたボタンにはカート、決済、在庫、アクセシビリティの動作はありません。
よくある質問
画像をそのままネットショップにできますか？
画像形式の設計参考です。実際に購入できるようにするには、操作部品、商品データ、決済を実装します。
別の商品にするときは何を変えますか？
包装、ブランド、商品名、価格、選択肢、補足情報を一組として変更します。配置が新商品に適する場合だけ、その関係を残してください。
原文
GPT Image 2 · en
An e-commerce product page mockup for a specialty coffee brand 'Emberhouse Roasters'. Left side shows a large product photo of a matte-black coffee bag with a gold seal, plus small thumbnail images below. Right side has the product title 'Sunrise Blend · Medium Roast', a star rating, price '$18.00', a grind-size selector, a quantity stepper, and a warm-orange 'Add to cart' button. Below, tasting-notes chips and a shipping accordion. Warm cream background, elegant serif headings, minimal clean layout, 3:2.