目次 リッチコーデとはリッチコーデの特徴機能紹介導入の流れ

Advanced Technology Development Division

ECサイト用 最新コーディネート作成機能

３

４

８

14

目次

リッチコーデとは

リッチコーデの特徴

機能紹介

導入の流れ

リッチコーデとは

リッチコーデとは、自社のECサイトにある商品を組み合わせてコラージュし、コーディネートを作成できる機能です。

複数の商品で一枚の画像を作るだけでなく、ウィジェットや新着一覧、詳細ページ、検索画面など、

自動で様々な見せ方のコンテンツを作成します。

洋服やインテリア、雑貨など、幅広い商材でお使いいただけます。

ドラッグ＆ドロップで自社商品のコーディネートを作成、コンテンツ化

コーディネート詳細

作成画面

商品詳細

ウィジェット

コーディネート検索

※作成画面はPCのみとなります

リッチコーデとは

コーディネート・商品詳細間の導線を強化

コーディネートから使用している商品の詳細ページへ、また商品詳細ページからはその商品を使用したコーディネートへ。

お互いにリンクを繋ぎ合う事で購入を促進します。

リッチコーデとは

パッケージセルを促進

よくあるスタッフブログなどのコンテンツと違い、

使用したアイテムをコーディネートと一緒に表示、直接商品詳細ページに遷移することで、パッケージセル（まとめ買

い）を促進します。

ECサイトで

「マネキン買い」

EC側に「全てカートに

入れる」機能を実装できれば

さらに効果は高まります。

リッチコーデとは

店舗スタッフのようにライフスタイルを提案

実店舗と違い、ECサイトでは実現しにくいことのひとつに、「体験の提案」があります。

コーディネートコンテンツにより、実店舗のスタッフのように組み合わせや

購入後のストーリー、ライフスタイルを提案することができます。

従来のECサイト

ライフスタイルを提案できる

商品を組み合わせてビジュアルで見せることで、サ

イト運営者が季節や時期、トレンドやシーンに合わ

せてライフスタイルを提案、商品の魅力を伝えるこ

とができます。

ライフスタイルのモデルや購入後のストーリーを

表現した組み合わせがあることで、サイト訪問者が

その商品を使うことによる

「体験」をイメージしやすくなります。

•

単体のモノを売る

•

「商品検索」という

サイト訪問者基点の商品選び

管理の手間も

ありません

リッチコーデの特徴

ドラッグ＆ドロップで

簡単にコーディネート作成

自動的に透過、取り込み

自社ECサイトの商品を

自社ECサイトと同様の

検索インターフェースで

商品画像を検索

パッケージセル

（まとめ売り）の促進

組み合わせ画像で

商品の魅力アップ

商品詳細間の導線強化

コーディネート・

機能紹介

サイト側の機能

―― サイト訪問者に見える、使ってもらえる機能です。

ウィジェット

商品画像にマウスオーバーすると、ポップアップで商品の情報を表示します。

画像の中の商品かポップアップをクリックすると、商品詳細にジャンプします。

弊社が提供するHTMLタグをサイト側に挿入するだけでご利用いただけます。

コーディネート検索

機能紹介

― サイト側の機能

コーディネートを以下の軸で検索できます。

フリーワード検索

含まれる商品名・商品ID、コーディネートのタイト

_{ル・タグ・コメントからキーワード検索できます。}

対象性別

メンズ/レディース/ユニセックスなど、性別で絞り込

_めます。

期間

更新日時から期間を絞り込めます。

※絞り込み項目・フリーワード検索の対象となる項目は、カスタマイズ可能です。

例）ブランド、カテゴリなど

コーディネート詳細

機能紹介

― サイト側の機能

コーディネート詳細画面を自動で生成します。

コーディネート詳細画面から、使用されている商品それぞれの商品詳細へジャンプします。

機能紹介

― サイト側の機能

商品・コーディネート詳細画面に、その商品を使用したコーディネートや新着コーディネートの一覧を表示できます。

コーディネート作成

機能紹介

― 管理機能

管理機能

下図のような作成画面から、コーディネートを作成できます。

―― サイト運営者の皆様に簡単に使っていただける機能です。

選択している商品の情報が

表示されます。

貴社のECサイトと同じ

絞り込み軸で商品画像を

検索できます。

一つの商品に対して

複数の商品画像がある場合も

その場で画像を選べます。

ドラッグ＆ドロップで

回転、前面背面の入れ替え、

反転、拡大縮小、コピーなど

自由に動かせます。

コーディネートの

タイトル、コメント、タグ、

対象などを登録できます。

機能紹介

透過画像自動作成

ECサイトにアップした画像を定期的に自動で取り込み、透過画像を作成します。

※背景の透過処理は、商品画像の背景が白の場合に限ります。

オリジナル背景画像登録

下書き・アップロード済コーディネート管理

商品以外に、オリジナルのアイコンや背景画像をアップロードできます。

右図のような画面から、下書き保存したコーディネートや

公開済みのコーディネートを削除・編集することができます。

※オリジナル背景は自動で透過処理されません。

導入方法

導入作業の流れ

貴社にてコーディネートを作成するための基となる商品データを出力していただきます。

導入後

定期的 (1 日数回を目安) に商品データを出力していただきます。

1

貴社にてコーディネートツールを利用したいサイトでコーディネートツールのJavaScript を読み込みます。

2

ウィジェットやコーディネート詳細画面のデザインをHTMLでご用意頂きます。

3

貴社と弊社にてサイトに表示されるコーディネートツールの UI や表示内容に支障が無いか確認します。

4

※弊社でご用意することも可能です。

約一ヶ月半～

株式会社 神戸デジタル・ラボ

先端技術開発事業部

本社

〒650-0034

兵庫県神戸市中央区京町72番地 新クレセントビル

TEL :078-335-5569(部署直通）078-327-2280（代表）

FAX :078-327-2278

http://www.kdl.co.jp/

東京支社

〒150-0011

東京都港区芝公園2-3-27 芝公園PR-EXビル5F

TEL： 03-6809-1177

sui-sei専用サイト

http://sui-sei.jp/

お問い合わせ先

[email protected]

運営会社

本資料は、貴社社内関係者のみによって使用されるものとし、本資料

のいかなる部分についても、株式会社神戸デジタル・ラボの事前の書

面による承諾を得ずに、回覧・引用・複製、あるいは貴社外部に配布

してはならないものとさせて頂きます。