自動化で商品展示サムネイル作成を効率化

第3章「コンバージョンを促進する商品展示方法」で述べたように、新商品を発売する際には、商品サムネイルの準備が欠かせません。サムネイルは、商品ディスプレイセクション、検索結果、リスティングページなどで買い物客が最初に目にする視覚的要素です。そのため、最低限、目的に最適化された商品正面および背面の画像が必要です。


しかし、サムネイル作成には以下の2つの重要な変数が関わります：

1. サムネイルの寸法

各プラットフォームやマーケットプレイスには、それぞれ固有のサムネイル寸法要件があります。例えば、自社ブランドのウェブサイトでは800x800pxを使用する一方、あるマーケットプレイスでは500x500pxを要求されることがあります。一貫性を保つためには、同じ画像を複数の仕様に合わせてリサイズする必要があります。

2. ブランドロゴの使用
  • 3rdパーティのマーケットプレイス：ブランドアイデンティティを確立するために、サムネイルにブランドロゴを含めることが必要な場合があります。
  • 自社ブランドのウェブサイト：ナビゲーションバーにすでにロゴが表示されているため、サムネイルには通常ロゴを含めない方が重複を避けられます。

これらの点を踏まえ、自動化を活用することで、サムネイルのバッチ作成プロセスを効率化し、大幅な時間の節約が可能です。

 

ステップバイステップ: dippのクリエイティブ自動化プラットフォームで商品サムネイルを一括作成

ステップ1: ブランドレイアウトを作成し、サムネイルの寸法を定義

  1. dippアカウントにログイン、ビジュアルを作成する をクリックしてサムネイルレイアウトの設定を開始します。必要なデザイン要素を含むシンプルなレイヤー構造のPhotoshopファイルをアップロードします。
  2. Photoshopファイルに含めるべき要素:
    • ロゴレイヤー: ブランドロゴ用 (3rdパーティのマーケットプレイス用にオプション)。
    • 商品レイヤー: 主画像用。
      (ヒント: サンプルPhotoshopファイルをダウンロードして始めることもできます)
  3. デザイン要素のマッピング
    ロゴレイヤーをブランドロゴ要素として割り当てます。
    商品レイヤーを主要製品要素として割り当てます。
  4. 各プラットフォームに必要なサムネイル寸法を設定します (例: 自社ブランドサイト用に800x800px、マーケットプレイス用に500x500px)。今後の商品バリエーションにも対応できるよう、要素サイズを調整しスケールを整え、すべての画像がシームレスに収まるようにします。

 

ステップ2: 商品画像をアップロード

  1. Content Tab に移動し、サムネイル用の背景色を選択します。視認性とプロフェッショナリズムを最大限に高めるために、白 (HEX #FFFFFF) を推奨します。
  2. Products Tab に商品画像をドラッグ＆ドロップして、一括処理の準備をします。

 

ステップ3: 視覚効果を一括適用

  1. 個別画像サイズを調整：
    商品画像を選択します。Sizing Slider を使用して、表示サイズを調整します。パーセンテージでの調整または正確なピクセル寸法を入力することが可能です。
  2. 複数画像のサイズを調整：
    左側のパネルで複数のサムネイルをハイライトします。編集パネル内で商品画像を選択し、Select Matching Layers をクリックします。サイズ調整を全選択項目に一括適用します。
  3. 商品画像のビジュアルを強化
    • 透明PNG画像の場合: ドロップシャドウや反射効果を追加して、より洗練された印象を与えます。
    • ドロップシャドウの適用:エフェクトオプションをクリックします。設定（角度、不透明度、ぼかしなど）をカスタマイズします。

 

ステップ4: レビューと命名規則の設定

  1. 編集を確定したら、確認＆ダウンロードをクリックしてサムネイルをプレビューします。
  2. 右側のパネルにある Create Custom Naming Format をクリックして、カスタム命名規則を設定します。商品名、カテゴリ、サイズなどのタグを使用して、整理を容易にします。

 

ステップ5: サムネイルのダウンロード

  1. ファイル形式を選択
    • JPG: 固定背景色の画像に適しています。
    • PNG: 透明背景の画像を使用する場合に透明性を保持します。
  2. ダウンロードオプションを選択
    • Download Comps: レビュー用ファイルのダウンロード。
    • Download Finals: リリース準備が整った画像のダウンロード。
  3. 一括ダウンロード
    Download All をクリックすると、成功メッセージが表示され、ファイルが準備完了となります。

 

これらのステップに従うことで、すべてのプラットフォームで一貫性があり高品質なサムネイルを効率的に作成でき、時間を節約しながらブランドの統一性を保つことができます。