EC サイト用最新コーディネート作成機能 リッチコーデ のご紹介 1
目次 リッチコーデとはリッチコーデの特徴機能紹介導入の流れ 3 4 8 14 2
リッチコーデとは ドラッグ & ドロップで自社商品のコーディネートを作成 コンテンツ化 リッチコーデとは 自社の EC サイトにある商品を組み合わせてコラージュし コーディネートを作成できる機能です 複数の商品で一枚の画像を作るだけでなく ウィジェットや新着一覧 詳細ページ 検索画面など 自動で様々な見せ方のコンテンツを作成します 洋服やインテリア 雑貨など 幅広い商材でお使いいただけます 作成画面 コーディネート詳細 コーディネート検索 商品詳細 ウィジェット 作成画面は PC のみとなります 3
リッチコーデとは コーディネート 商品詳細間の導線を強化 コーディネートから使用している商品の詳細ページへ また商品詳細ページからはその商品を使用したコーディネートへ お互いにリンクを繋ぎ合う事で購入を促進します 4
リッチコーデとは パッケージセルを促進 よくあるスタッフブログなどのコンテンツと違い 使用したアイテムをコーディネートと一緒に表示 直接商品詳細ページに遷移することで パッケージセル ( まとめ買い ) を促進します EC サイトで マネキン買い EC 側に 全てカートに入れる 機能を実装できればさらに効果は高まります 5
リッチコーデとは 店舗スタッフのようにライフスタイルを提案 実店舗と違い EC サイトでは実現しにくいことのひとつに 体験の提案 があります コーディネートコンテンツにより 実店舗のスタッフのように組み合わせや購入後のストーリー ライフスタイルを提案することができます ライフスタイルを提案できる 従来の EC サイト 単体のモノを売る 商品検索 というサイト訪問者基点の商品選び 商品を組み合わせてビジュアルで見せることで サイト運営者が季節や時期 トレンドやシーンに合わせてライフスタイルを提案 商品の魅力を伝えることができます ライフスタイルのモデルや購入後のストーリーを表現した組み合わせがあることで サイト訪問者がその商品を使うことによる 体験 をイメージしやすくなります 6
リッチコーデの特徴 パッケージセル ( まとめ売り ) の促進 組み合わせ画像で商品の魅力アップ コーディネート 商品詳細間の導線強化 管理の手間もありません ドラッグ & ドロップで簡単にコーディネート作成 自社 EC サイトの商品を自動的に透過 取り込み 自社 EC サイトと同様の検索インターフェースで商品画像を検索 背景の透過処理は 商品画像の背景が白の場合に限ります sui-seiをご利用にならず リッチコーデを単体で導入いただいた場合は同様の検索インターフェースとならない場合があります 7
機能紹介 サイト側の機能 サイト訪問者に見える 使ってもらえる機能です ウィジェット 商品画像にマウスオーバーすると ポップアップで商品の情報を表示します 画像の中の商品かポップアップをクリックすると 商品詳細にジャンプします 弊社が提供する HTML タグをサイト側に挿入するだけでご利用いただけます 8
機能紹介 サイト側の機能 コーディネート検索 コーディネートを以下の軸で検索できます フリーワード検索 対象性別 期間 含まれる商品名 商品 ID コーディネートのタイトル タグ コメントからキーワード検索できます メンズ / レディース / ユニセックスなど 性別で絞り込めます 更新日時から期間を絞り込めます 絞り込み項目 フリーワード検索の対象となる項目は カスタマイズ可能です 例 ) ブランド カテゴリなど 9
機能紹介 サイト側の機能 コーディネート詳細 コーディネート詳細画面を自動で生成します コーディネート詳細画面から 使用されている商品それぞれの商品詳細へジャンプします 商品詳細へ 10
機能紹介 サイト側の機能 詳細ページにコーディネート一覧表示 商品 コーディネート詳細画面に その商品を使用したコーディネートや新着コーディネートの一覧を表示できます 11
機能紹介 管理機能 管理機能 コーディネート作成 サイト運営者の皆様に簡単に使っていただける機能です 下図のような作成画面から コーディネートを作成できます 貴社の EC サイトと同じ絞り込み軸で商品画像を検索できます ドラッグ & ドロップで回転 前面背面の入れ替え 反転 拡大縮小 コピーなど自由に動かせます 一つの商品に対して複数の商品画像がある場合もその場で画像を選べます 選択している商品の情報が表示されます コーディネートのタイトル コメント タグ 対象などを登録できます 12
機能紹介 透過画像自動作成 EC サイトにアップした画像を定期的に自動で取り込み 透過画像を作成します 背景の透過処理は 商品画像の背景が白の場合に限ります オリジナル背景画像登録 商品以外に オリジナルのアイコンや背景画像をアップロードできます オリジナル背景は自動で透過処理されません 下書き アップロード済コーディネート管理 右図のような画面から 下書き保存したコーディネートや公開済みのコーディネートを削除 編集することができます 13
導入方法 約一ヶ月半~導入作業の流れ 1 貴社にてコーディネートを作成するための基となる商品データを出力していただきます 2 3 貴社にてコーディネートツールを利用したいサイトでコーディネートツールの JavaScript を読み込みます ウィジェットやコーディネート詳細画面のデザインをHTMLでご用意頂きます 弊社でご用意することも可能です 4 貴社と弊社にてサイトに表示されるコーディネートツールの UI や表示内容に支障が無いか確認します 導入後 定期的 (1 日数回を目安 ) に商品データを出力していただきます データの受け渡し方法については別途ご相談させていただきます 導入費用 月額費用 : 10 万円 初期費用 : 月額の 3 ヶ月分 ~ サイトの規模 データ量に応じた定額制です 14
運営会社 先端技術開発事業部 本社 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/ お問い合わせ先 sui-sei@kdl.co.jp 15
Confidential 本資料は 貴社社内関係者のみによって使用されるものとし 本資料のいかなる部分についても の事前の書面による承諾を得ずに 回覧 引用 複製 あるいは貴社外部に配布してはならないものとさせて頂きます 16