← 活用事例一覧へ

小売・物販店

商品LPの価格と画像の一部を編集した実測デモ

架空の「余白道具店」で、商品写真なしからLPの初稿を作り、価格を1,500円から1,650円へ変更しました。画像の構図や根拠のない商品説明を人が見直し、ボタン編集・履歴復元・公開までを確認した記録です。

最終更新日: · 架空の事業で生成・編集・公開を確認した記録

RECORDED DEMO · 2026-10-01

確認済みの公開デモを見る

架空の事業で実際に生成・編集・復元・公開を確認した記録です。実在するお客様の導入成果ではありません。

余白道具店の公開後のパソコン画面上部

用途

商品写真がなくても、未定の仕様を補わずに商品紹介LPを作り更新する

課題

商品名と価格だけが決まった段階で、寸法や配送条件を勝手に補わずに案内を作りたい。注文や決済は受け付けず、問い合わせ先を示す一ページから始めたい。

作成方針

生成イメージを使った一ページの初稿を保存し、上段・中段画像の価格部分を選んで1,650円へ変更しました。ページ内の価格表示もそろえています。続いて、中段画像のペンを左へ移し、説明を「卓上コルクマット」「仕様は未定」に修正しました。変更前後を照合し、選んだ範囲以外の画像が変わっていないことを確認しています。二つの問い合わせボタンを直し、価格変更後の版と最終修正版への復元を確認してから公開しました。

このデモで確認したもの

自分のサイトを作るとき

確認する流れを参考にする

通常の作成画面への入口です。このデモの配置・画像・文章を引き継ぐ機能ではなく、同一の仕上がりは保証されません。原稿は自動入力されないため、自社の確認済み情報に直して対応する欄へ入力してください。

生成から編集・復元・公開までの記録

架空の事業で実際に生成・編集・復元・公開を確認した記録です。実在するお客様の導入成果ではありません。

RECORDED INPUT

実際に入力した主な内容

生成時に保存された入力の主要項目を抜粋し、読みやすく整理しています。1,500円は初稿V0の架空価格で、公開版は編集後の1,650円です。店名・商品設定・連絡先も架空です。

店名
余白道具店(架空デモ)
紹介する商品
卓上コルクマット1枚1,500円(税込・架空価格)。
まだ決まっていない情報
寸法、厚さ、原産国、送料・配送条件は未定。
ページの目的
架空の商品紹介のみ。メールで問い合わせる。注文・決済・在庫確保はしない。
構成と写真
一ページの架空デモ。差し替え写真枠0枚。参考画像の指定なし。
文章量と色
文章は少なめで印象重視。色はおまかせ。
問い合わせボタン
「問い合わせる」。主なボタンと最後のボタンは同じメール案内先。
連絡先
product-sparse@example.invalid(送信しないデモ用の宛先)
追加しない情報
指定以外の商品仕様、産地、性能、レビュー、在庫、値引き、配送、決済を創作しない。

原稿を選択してコピーすることもできます。

初稿から公開までに行ったこと

  1. 初稿V0を保存

    一ページのLP初稿と、上段・中段・下段の生成イメージを保存しました。初稿価格は1枚1,500円(税込・架空価格)です。生成素材は実商品の写真ではなく、差し替え写真枠と問い合わせフォームはありません。

  2. 上段画像の価格を1,650円へ局所編集

    上段画像で価格が書かれた範囲を選び、1,500円を1,650円へ変更しました。選んだ範囲以外は元の画像のままです。ページ内の価格表示も変更しています。

  3. 中段画像の価格をそろえてV1を保存

    中段画像の価格部分も1,650円へ変更し、上段・中段とページ内の価格表示をそろえました。選んだ範囲以外の画像が保たれていることと、両方の価格が読めることを確認して、価格変更後の版を保存しました。

  4. 構図と商品説明を人が見直してV2を保存

    中段画像の必要な範囲を選び、ペンを左へ移しました。初稿にあった、入力情報では確認できない商品説明も見直し、「卓上コルクマット」「仕様は未定」へ修正しています。選んだ範囲以外の画像と、1,650円の価格は保たれています。

  5. 表示と読み上げ用のボタン文言をそろえてV3を保存

    上部・下部の表示文言と読み上げ用の名前を「商品について相談する」にそろえ、mailto:product-sparse-updated@example.invalid を設定しました。最初の編集で古い読み上げ用の文言が残ったため、修正後に保存し直し、両方のボタンを確認しました。

  6. 履歴からV1とV3へ復元

    価格変更後のV1(保存履歴1845)に戻し、その後で構図・説明・ボタンも修正したV3(保存履歴1853)へ戻しました。それぞれの復元後にHTML、三枚の画像、価格とボタンを保存内容と照合し、一致を確認しました。復元と公開は別の操作です。

  7. 最終修正版を公開して表示を確認

    2026年10月1日に最終修正版を公開しました。ログインしていない状態で公開URLを開き、価格・画像・二つのボタンと、スマートフォン・パソコンの表示を確認しています。

記録された時間と範囲

保存されたイベント時刻では、生成の送信から初稿の生成成功までの差は36秒でした。時刻は秒単位で、入力前の準備や後続の編集・復元・公開は含みません。

入力・編集・復元・公開を通した連続操作時間は未計測です。この一例から通常の完成時間や公開までの速度は保証できません。

公開版で確認したこと

公開確認日:

  • 公開版(revision 9322063f-9273-4a32-843d-dec77629b0d8)がログインなしでHTTP 200を返すことを確認しました。ページ内の価格二か所、上段・中段画像、ページ説明とOG説明は1,650円で、以前の1,500円が残っていないことを確認しています。
  • 公開版の上段・中段・下段画像を保存済みの画像と照合し、三枚とも画像データと画素が一致しました。上部・下部のボタンは表示文言とaria-labelが「商品について相談する」、リンク先がmailto:product-sparse-updated@example.invalid です。
  • 幅390pxと1280pxで、三枚の画像が読み込めること、横方向のはみ出しがないこと、差し替え写真枠と問い合わせフォームが0件であることを確認しました。ページのJavaScriptエラーと、説明のつかないコンソールエラーはありませんでした。390pxでは最初の画像読み込み確認が時間切れになったため、再確認して三枚とも表示できることを確認しています。

再公開後の匿名ブラウザー画面です。全体画像は以下のリンクから確認できます。

この記録で検証していないこと

  • 初稿のままで内容が正確だったわけではありません。商品説明は人が確認し、未確認の仕様を断定しない表現へ修正しました。
  • 生成イメージは実商品の外観・品質・性能を証明する写真ではありません。寸法、厚さ、原産国、送料・配送条件を確定させる根拠にもなりません。
  • 実在するお客様の導入成果ではありません。注文・決済・在庫確保・メール送信・メール到達は検証していません。example.invalidは実際の問い合わせ先ではありません。
  • 作成から編集・公開までの総費用は集計していません。料金と公開条件は料金ページで確認してください。

自分の事業の内容で作る

通常の作成画面への入口です。このデモの配置・画像・文章を引き継ぐ機能ではなく、同一の仕上がりは保証されません。原稿は自動入力されないため、自社の確認済み情報に直して対応する欄へ入力してください。

自分の事業の内容で作る

関連ページ