楽しく試せるAIフィッティングルーム
Experience 01
楽しく試せるAIフィッティングルーム
商品画像と自分の写真を選ぶだけで、着用イメージをすぐに確認。購入前の「似合うかな？」を、もっと気軽で楽しい体験に変えます。
RESELFIT PLATFORM
見せるECから、試せるECへ
レセルフィットは、サイトにAIフィッティングルームを導入し、 見て試せる体験で購入前の迷いを減らします。JavaScriptの埋め込みだけで始められるため、大きなシステム改修なく導入できます。
Outcome
購入前に
“似合う”を確認できる体験
01
AIフィッティングルーム
ユーザー写真をもとに、商品を着用した際のイメージを視覚的に確認することで、商品ページだけでは伝わりにくい雰囲気やスタイルの相性が把握しやすくなります
02
試着後も楽しめる
生成した着用イメージが自分だけのコレクションとして残り、一度の試着で終わらず、その後も見返して検討する行動が自然に生まれ、継続的な利用や再訪問のきっかけを生み出します。
03
簡単な導入
スクリプトを追加するだけでフィッティングルーム機能をECサイトに組み込めます。 既存のシステムを大きく変更する必要がなく、導入にかかる作業負荷や開発コストを抑えながら短期間で運用を開始できます。
What Users Can Do
レセルフィットで
できること
試して、残して、シェアする。レセルフィットは、商品との出会いをその場限りで終わらせない体験をつくります。
気になる着こなしを残せるコレクション
Experience 02
気になる着こなしを残せるコレクション
生成したフィッティング画像を保存して、あとから見返したり比較したりできます。試着して終わりではなく、関心を持ち続けてもらえる導線になります。
シェアから広がる試着体験
Experience 03
シェアから広がる試着体験
お気に入りのフィッティング画像をシェアすることで、体験そのものが話題に。ユーザーの投稿や会話をきっかけに、ブランドとの接点が自然に広がります。
Feature Introduction
導入から運用まで、
必要な機能をシンプルに
Feature 01
すぐに埋め込める導入
JavaScriptを埋め込むだけで、既存ECに大きな改修なく試着体験を追加できます。導入ハードルを抑えながら、短期間で公開まで進められます。
Feature 02
商品ページに合わせた柔軟な表示
商品データを連携するだけで、見せたい商品ページや外部サイトに自然に試着導線を配置できます。既存の導線設計を崩さず、ブランド体験に沿って組み込めます。
Feature 03
利用状況と成果を確認できる管理画面
画像生成数やフィッティング開始数、注文状況を管理画面で可視化できます。導入後の使われ方と成果を追いながら、運用改善につなげられます。
Implementation
2ステップで
「試せるEC」へ
既存フロントを大きく作り直さず、設置と設定を中心にローンチできます。
Step 01
スクリプトをセットアップ
表示したいアイテムの情報をJSONとして設定し、スクリプトを読み込ませます。
Step 02
表示したい場所指定
コンポーネントを埋め込みたい位置にプレースホルダータグを配置または、管理画面で指定するだけでフィッティングルームが表示されます。
Sample Code
01 スクリプトをセットアップ
<script type="application/json" id="reselfit-plugin-script-config">
{
"item": {
"id": "item-unique-id-001",
"name": "Shirt",
"images": [
{"id": "look1", "imageUrl": "https://example.com/images/look1.png"},
{"id": "look2", "imageUrl": "https://example.com/images/look2.png"}
]
},
"userId": "user-unique-id-001"
}
</script>
<script
id="reselfit-plugin-script-loader"
data-site-id="{your-site-id-from-reselfit-console}"
data-config-tag-id="reselfit-plugin-script-config"
src="https://plugin.reselfit.com/loader/loader.js"
defer
></script>