ブラックフライデーやクリスマスが間近に迫っていますが、オンラインストアの準備には、商品やプロモーションだけでは到底足りません。トップページのバナーを変更し、商品表示を更新し、新しいプロモーションコーナーを追加し、セールが終了すれば、次のセールに向けてページ全体を再構築する必要があります。 EC向けのAIアシスタントを活用すれば、こうした反復作業の多くを肩代わりしてもらえます。 Shoplazzaに組み込まれたAIオペレーションエージェント 「Athena」は、 すでにストアのデザイン、商品管理、マーケティングをカバーしています。最新のアップデートでは、AIによるオンラインストアのデザイン機能が追加されました。チャットで変更内容を伝えるだけで、Athenaが既存のテーマ内でページを作成・編集してくれます。
繁忙期にオンラインストアのリニューアルにこれほど時間がかかるのはなぜでしょうか？
このアップデートがなぜ重要なのかを理解するには、多くの販売者にとってストアのリニューアルが実際にどのような作業を伴うのかを見てみると良いでしょう。
例えば、ホームページにプロモーションコーナーを設けたいとします。まず、テーマをくまなく調べて、適切なカードテンプレートを探します。適切なものが見つからない場合は、開発者に依頼しますが、作業が完了する頃には、セール終了日が迫っていることも珍しくありません。 ボタンの色を1つ変えるだけでも、該当するセクションを見つけ、設定パネルを開き、長いオプションリストを精査する必要があります。セールが終了すると、それらのセクションを非表示にしたり元に戻したりしなければならず、次のキャンペーンに向けてこのサイクルがまた繰り返されます。
これらの作業は、それ自体難しいものではありません。問題は、それらが繰り返されることであり、商品の仕入れや広告運用、顧客対応など、本来はもっと時間を割きたい業務に充てるべき時間を奪ってしまう点にあります。
AIを活用したオンラインストアのデザインにおいて、Athenaにはどのような役割があるのでしょうか？
今回のアップデートは4つの分野に焦点を当てており、以下の各項目には、ご自身のストアに合わせて調整できるサンプルプロンプトが用意されています。
- テーマに組み込まれたテンプレートに縛られることなく、説明文からカスタムページセクションを作成する
- デザインモックアップや参考画像を読み取り、実際の商品を使用して編集可能なテーマカードに変換する
- テーマエディタでページの一部を選択し、チャットで編集内容を説明するだけで、ページの任意の部分を変更できます
- 商品やコレクションの情報を利用して、ターゲット市場の言語でシーン画像やコピーを生成できます
説明文からカスタムセクションを生成する
ブラックフライデーが近づいており、人気商品の上部にカウントダウンを表示して、期間限定の雰囲気を演出したいと考えています。しかし、現在のテーマにはそのためのテンプレートがありません。希望する内容を次のように記述してください：
「ホームページの人気商品リストの上に、ブラックフライデーのカウントダウンカードを追加してください。タイトルを『BLACK FRIDAY SALES』とし、現在のテーマのスタイルに合わせて、期間限定のオファーが際立つようにしてください。」
Athenaは、その説明に基づいてカスタムテーマカードを作成します。商品比較表やブランドのハイライトブロックも同様の仕組みで機能します。このカードは単発の結果ではなく、いくつかの詳細設定により再利用が可能です：
- 完全な設定が付属しているため、コピー、色、商品数はネイティブのテーマカードと同様に編集可能です
- 現在のテーマの「AI生成」グループに保存されるため、後で他のページに追加できます
- テーマのアップグレード後もそのまま残るので、引き続き使用できます
新規の出品者にとっては、テーマの構造を学ぶ必要も、開発者のスケジュールを待つ必要もありません。セクションの内容を説明できれば、それを実現できます。
デザインのリファレンスを編集可能なカードに変換
アイデアが自分から生まれたものではない場合もあります。デザイナーからキャンペーンセクションのモックアップが送られてきたり、他のストアで気に入ったカラーパレットやレイアウトを見つけたりすることもあるでしょう。その画像を、要件とともにAthenaに送信してください：
「このモックアップを使って、ホームページに『TOP OFFERS』セクションを作成してください。カードを3枚作成し、それぞれ1つの商品を表示して、 その商品ページへリンクさせてください 。色、レイアウト、ボタン、そして右上隅にある赤い割引バッジを完全に再現してください。スタイルは変更しないでください。」
Athenaは画像内のレイアウト、色、コンテンツ構造を読み取り、カードにあなたのストアの実際の商品を表示します。試す前に知っておくべき点がいくつかあります：
- 参照元は、デザイナーが作成したモックアップでも、単に気に入ったスタイルでも構いません
- カードにはストアの実際の商品が掲載され、カードをクリックするとその商品のページが開きます
- 結果は編集可能なテーマカードのままですので、細部を調整し続けることができます
優れたデザインを見て、それを自分のストアに取り入れるのに、もはやデザインやコーディングのスキルは必要ありません。試してみたい参考画像がある場合は、Shoplazzaの管理画面にログインし、それをアテナに送信してください。
ページ上の任意の部分を選択してチャットするだけで編集可能
日々の店舗運営において、作業のほとんどは新しいセクションの追加ではなく、細かい調整です。以前は、ボタンの色やレイアウトを変更するには、該当するセクションを見つけ、設定パネルを開き、適切なオプションを探し、一つひとつ手作業で編集する必要がありました。 今では、テーマエディタ内でAthenaを開き、変更したい領域を選択して、希望する内容を伝えるだけで済みます。例えば、ホームページの「NEW IN」カルーセルを選択した後、次のように指示します：
「『NEW IN』カルーセルを、テーマのミニマルな編集スタイルに合わせて再デザインしてください。オフホワイトの背景を使用し、角丸、割引ピル、白いフローティングカードを削除してください。 商品名と価格は、コンテナや影なしで、各画像の下に左揃えの小さなプレーンテキストとして表示してください。矢印はタイトルの右側、NEW INと同じ行に移動させてください。」
Athenaでは、このような編集を次のように処理します：
- 選択したセクションのみを変更し、他の領域には手を加えません
- 処理が完了すると、キャンバスが変更箇所までスクロールしてハイライト表示されるため、編集内容が確認できます
- チャットを続けながら結果を微調整したり、気に入らない変更を元に戻したりできます
1つずつ設定を探し出し、開き、検索し、編集するという従来の作業は、希望する結果を説明するだけで済むようになります。実質的に、テーマエディタは対話可能なインターフェースへと変わります。
実際の商品、シーン画像、市場向けのコピーを追加する
見栄えの良いページは、あくまで第一歩に過ぎません。実際の商品を明確に提示し、購入の説得力を持たせることも必要です。
例えば、米国市場をターゲットとするインテリア販売業者を例に挙げましょう。同社はソファ、コーヒーテーブル、フロアランプを一括で掲載したばかりで、ホームページでこれらを特集しつつ、実際のリビングルームで各アイテムがどのように調和するかを買い物客に示したいと考えています。同社はアテナに次のように指示できます：
「ホームページの『人気商品』セクションの下に、左側に画像、右側に商品を配置したカードを作成してください。右側にはリビングルーム用家具商品を表示し、左側にはそれらの商品を使ってリビングルームのシーン画像を生成し、コピーは英語で作成してください。」
Athenaは、ストアにすでに登録されている商品情報やコレクション情報に基づいて動作します。この例では、以下の3つの処理を行います：
- 商品をリアルな設定に配置したリビングシーンの画像を生成する
- カードを商品で埋め、右側に商品を、左側にシーンを表示する
- ターゲット市場の言語（この場合は英語）でマーケティングコピーを作成する
Shoplazzaは長年にわたり越境ECに取り組んできており、そのノウハウがAthenaに反映されています。商品ビジュアル、マーケティングコンテンツ、ページデザインが1つのワークフローに統合されているため、各商品カードは見栄えが良く、かつ実際の販売目標にも貢献します。
AIに稼働中のストアの編集を任せるのはリスクがあるのでしょうか？
多くの販売者にとっての主な懸念は、AIがその作業をこなせるかどうかではありません。問題なのは、誰かが止める前に、不適切な編集が本番環境に公開されてしまう可能性です。
Athenaは、テーマの変更内容をすべてまず下書きとして保存するため、公開中のストアに即座に反映されることはありません。結果をプレビューして調整を続けたり、気に入らない部分を元に戻したりし、満足のいく状態になってから公開することができます。実行はAthenaが行い、最終的な結果の決定権はあなたにあります。
これにより、繁忙期の管理も容易になります。セール前にプロモーションカードを追加したり、セール終了後にマーケティングセクションを非表示にしたり、新商品が入荷した際に商品表示を更新したりできます。こうした些細で繰り返しの多いデザイン作業はAthenaに任せることができるため、商品運営、キャンペーン、ブランド構築により多くの時間を割くことが可能になります。
ホリデーシーズンのストアワークフローにおけるアテナの役割
ブラックフライデーから新商品の発売まで、またページの微調整からブランド全体の刷新に至るまで、ストアのデザインニーズは絶えず変化しています。 Athenaの新しいデザイン機能は、そのサイクルにおける4つのステップをカバーしています。それは、カスタムセクションの生成、デザインリファレンスからのカードの作成、チャットによる任意の領域の編集、そして実物商品からのシーンディスプレイの作成です。すべての変更は下書きとして保存され、確認後にのみ公開されるため、プロセスが迅速化されるだけでなく、信頼性も高まります。
EC向けAIアシスタントがオンラインストアのデザインをどのようにサポートできるかを実証するため、次回のキャンペーンで、プロモーションバナーや商品ディスプレイなど、反復的なタスクを1つ選んでみてください。その後、Shoplazzaの管理画面にログインし、希望する結果をアテナに説明してください。
Athena を使った AI オンラインストアデザインに関するよくある質問
Q: アテナのストアデザイン機能にはどのような機能がありますか？
主に4つの機能があります。 Athenaは、文章による説明からカスタムテーマカードを作成できるほか、デザインモックアップや参考画像を編集可能なカードに変換することも可能です。また、テーマエディタで領域を選択し、チャットを通じて変更を加えることもできます。さらに、Athenaは商品やコレクションの情報を活用して、ターゲット市場の言語でシーン画像やコピーを生成することもできます。
Q: Athenaを使ってストアデザインを行うには、デザインやコーディングの経験が必要ですか？
いいえ。希望するセクション、スタイル、変更点を平易な言葉で説明するか、参考画像を送るだけで、Athenaが代わりに作成・編集を行います。テンプレートを探したり、コードを書いたり、設定パネルを探し回ったりする必要はありません。ストア運営に不慣れで、専任の開発者がいない場合にも最適です。
Q: Athenaへの指示はどの程度詳細に記述すればよいですか？
この記事の例も同様のパターンに従っています。ページ上のどこを変更するか、何を表示させるか、どのようなスタイルにするか、そして変更しない部分はどこかを明記しています。既存の要素を編集する場合は、まずテーマエディタでその領域を選択してください。そうすれば、Athenaはその部分のみを変更します。詳細については、後ほどメッセージで追加することも可能です。
Q: アテナによる変更は、私の承認なしに公開されてしまいますか？
いいえ。すべてのデザイン変更はまずテーマの下書きに保存されるため、あなたが変更を反映するまで、公開中のストアはそのままの状態を維持します。結果をプレビューして調整したり、元に戻したりした後、満足したら公開することができます。
Q: Athenaが作成したセクションを、他のページやテーマのアップグレード後に再利用できますか？
はい。Athenaが作成したカスタムカードは、現在のテーマの「AI生成」グループに保存されるため、必要な時にいつでも他のページに追加できます。また、テーマのアップグレード後も保持されるため、今シーズン好評だったプロモーションレイアウトを次のシーズンでも再利用できます。
Q: Athenaは、他の言語で販売している店舗向けのページコンテンツを作成できますか？
はい。Athenaがディスプレイカードを作成する際、ターゲット市場の言語でマーケティングコピーを作成できます。家具の例では、指示で英語のコピーを指定すると、Athenaはそれをシーン画像や実際の商品と組み合わせます。指示の中で、希望する言語を指定することも可能です。
