リテール · 導入事例
Dior メンバーシップアプリ.

Diorは、SMS認証、Eコマース連携、洗練された顧客セグメンテーションを備えた統合型メンバーシップアプリで、ラグジュアリーリテールを次のステージへ。
業界
リテール
企業規模
500
製品とサービス
Marketing AutomationMembership Website & PluginMerchant Success ServicePrepaid Voucher & Credit
課題
従来の特典設計では届かなかった、信頼性重視の会員層。

上顧客の識別

ブランドの限定性を保ちつつ、価値の高い顧客を正確に識別・把握する必要がありました。
オムニチャネル統合

実店舗、EC、デジタルエンゲージメントをシームレスにつなぐことが課題でした。
サービスの利便性

従来の店内サービス予約システムは、ラグジュアリーな顧客体験に摩擦を生んでいました。
ソリューション
デジタルフットプリントの収集

数百万人規模の顧客基盤を持つ Dior は、顧客のデジタルフットプリントを収集することで顧客を深く理解します。
メンバーシップ
SMS 認証を備えたシンプルなオンボーディングで、後からマーケターが確実に顧客へリーチできます。
コンテンツ管理
アプリは、Dior が最新ニュースを会員に届ける場です。
e ショップ
アプリは Dior の顧客を Shopify の e ショップへ誘導します。
予約
顧客は Dior のアプリから店内サービスを予約できます。
成果
会員が手元に残し、開きたくなるパス。

高いエンゲージメントとリピート

先行アクセスイベントが強いロイヤルティを生み、ビューティ会員の活動が大きく伸びました。
デジタル体験が高級感を高める

デジタルジャーニーが Dior のプレミアムなブランドイメージとシームレスな高級感を強化しました。
実証済みの CRM ソリューション、実例で。

すべての事例を見る
始める準備はできましたか？
あなたの成功ストーリーは、ここから始まる。

JuicySuiteでお客様のジャーニーを完璧に。デモをご予約いただければ、最初のプログラム設計を一緒に描きます。
デモを予約する営業に問い合わせる
Dior メンバーシップアプリ Dior Diorは、SMS認証、Eコマース連携、洗練された顧客セグメンテーションを備えた統合型メンバーシップアプリで、ラグジュアリーリテールを次のステージへ。
/\* Card Border Gradient \*/ /\*Box Shadow method .card\_item { border: 3px solid white; border-radius: 1.25rem; padding: 20px; box-sizing: border-box; background-color: #f6f1f0; transition: box-shadow 0.3s; } .card\_item:hover { box-shadow: 0 0 0 5px #FF5C4C inset, 0 0 0 8px #FFABE7 inset; } \*/ section { position: relative; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6{ text-wrap: balance; } .legal\_item a { text-decoration: underline; } /\* Nav link Product Hover \*/ .nav\_link\_products { position: relative; text-decoration: none; /\* Remove default underline \*/ } .nav\_link\_products::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; background: linear-gradient(to right, #ff5c4c, #ffabe7); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .nav\_link\_products:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Nav Link General Hover\*/ .navbar1\_link { position: relative; text-decoration: none; /\* Remove default underline \*/ } .navbar1\_link::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; background: black; /\* Use a solid black color \*/ transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .navbar1\_link:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Default styles (applies to all screen sizes) \*/ .navbar1\_link\_features { position: relative; text-decoration: none; /\* Remove default underline \*/ } .navbar1\_link\_features::after { content: ''; position: absolute; width: 100%; height: 2px; /\* Adjust the height of the underline as needed \*/ bottom: -2px; /\* Adjust the position of the underline as needed \*/ left: 0; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; } .navbar1\_link\_features:hover::after { transform: scaleX(1); transform-origin: bottom left; } /\* Styles for viewports below 991px \*/ @media (max-width: 991px) { .navbar1\_link\_features::after { background: black; /\* Change to black \*/ } } /\* Styles for viewports above 991px \*/ @media (min-width: 992px) { .navbar1\_link\_features::after { background: #685e64; /\* Default color \*/ } } /\* Set color style to inherit \*/ .inherit-color \* { color: inherit; } /\* Focus state style for keyboard navigation for the focusable elements \*/ \*\[tabindex\]:focus-visible, input\[type="file"\]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /\* Get rid of top margin on first element in any rich text element \*/ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /\* Get rid of bottom margin on last element in any rich text element \*/ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /\* Prevent all click and hover interaction with an element \*/ .pointer-events-off { pointer-events: none; } /\* Enables all click and hover interaction with an element \*/ .pointer-events-on { pointer-events: auto; } /\* Create a class of .div-square which maintains a 1:1 dimension of a div \*/ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /\* Make sure containers never lose their center alignment \*/ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /\* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. \*/ /\* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } \*/ /\* Apply "..." after 3 lines of text \*/ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /\* Apply "..." after 2 lines of text \*/ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /\* Adds inline flex display \*/ .display-inlineflex { display: inline-flex; } /\* These classes are never overwritten \*/ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } /\* Apply "..." at 100% width \*/ .truncate-width { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /\* Removes native scrollbar \*/ .no-scrollbar { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .no-scrollbar::-webkit-scrollbar { display: none; } /\* Disable default focus styles \*/ input:focus, textarea:focus, select:focus, button:focus { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; /\* Remove default arrow \*/ background-image: url(...); /\* Add custom arrow \*/ } .alternate-rich-text p{ color:white !important; margin-top: 1rem; margin-bottom: 0.5rem; } \[data-card=hover\] .card\_hover\_wrap { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; } \[data-card=hover\]:hover .card\_hover\_wrap { opacity: 1; visibility: visible; } @media screen and (max-width: 480px) { .w-richtext figure.w-richtext-align-floatleft { float: none !important; margin: 0 auto; } } .nav\_link\_list\_wrap a.w--current { color: #3e3e3e !important; } .nav\_link\_list\_wrap a.w--current:hover { color: #ff761a !important; } .nav\_link\_list\_item.last a.w--current { color: white !important; /\* or your desired color \*/ }

[

](/)

[

お問い合わせ

.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }

](/contact)

[EN](/success-stories/dior-membership-app)

[中](/zh-hk/success-stories/dior-membership-app)

[

デモを予約する

](#)

-   [ホーム](/)
-   プロダクト
    
    [
    
    プロダクト
    
    ](/platform#products)
    
    [メンバーシップウェブサイト](/products/membership-website)
    
    ![](/assets/success-stories/dior-membership-app/img-1.avif)
    
    [Apple & Google 対応 eWallet](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/dior-membership-app/img-2.avif)
    
    [ロイヤルティエンジン](/products/loyalty-engine)
    
    ![](/assets/success-stories/dior-membership-app/img-3.avif)
    
    [カスタマーデータプラットフォーム (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/dior-membership-app/img-4.avif)
    
    [ホワイトラベル モバイルアプリ](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/dior-membership-app/img-5.avif)
    
    [
    
    機能
    
    ](/platform#features)
    
    [
    
    デジタルスタンプカード
    
    
    
    ](/features/digital-stamp-card)
    
    [
    
    ポイント&ティア
    
    
    
    ](/features/points-tiers)
    
    [
    
    リワード管理
    
    
    
    ](/features/rewards-management)
    
    [
    
    ロイヤルティキャンペーン
    
    
    
    ](/features/loyalty-campaigns)
    
    [
    
    リファラル
    
    
    
    ](/features/referral)
    
    [
    
    プリペイドバウチャー&クレジット
    
    
    
    ](/features/prepaid-voucher-credit)
    
    [
    
    ギフトカード
    
    
    
    ](/features/gift-card)
    
    [
    
    ダッシュボード&レポート
    
    
    
    ](/features/dashboard-report)
    
    [
    
    顧客セグメンテーション
    
    
    
    ](/features/customer-segmentation)
    
    [
    
    マーケティングオートメーション
    
    
    
    ](/features/marketing-automation)
    
-   [
    
    サービス
    
    ](/platform#services)
    
    [システムカスタマイズ](/services/system-customisation)
    
    ![](/assets/success-stories/dior-membership-app/img-6.avif)
    
    [データ統合サービス (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/dior-membership-app/img-7.avif)
    
    [ギフト&プロモーション パートナーシップ](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/dior-membership-app/img-8.avif)
    
    [マーチャント サクセス サービス](/services/merchant-success-service)
    
    ![](/assets/success-stories/dior-membership-app/img-9.avif)
    
-   [
    
    業界
    
    ](/platform#industries)
    
    [エンタープライズ](/industries/enterprise)
    
    ![](/assets/success-stories/dior-membership-app/img-10.avif)
    
    [飲食](/industries/food-beverage)
    
    ![](/assets/success-stories/dior-membership-app/img-11.avif)
    
    [リテール](/industries/retail)
    
    ![](/assets/success-stories/dior-membership-app/img-12.avif)
    
    [ビューティー](/industries/beauty)
    
    ![](/assets/success-stories/dior-membership-app/img-13.avif)
    
-   [サクセスストーリー](/success-stories)
-   [ブログ](/resources)
-   [料金](/pricing)
-   [
    
    お問い合わせ
    
    .button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }
    
    ](/contact)

[

](/)

 [](#)

プロダクト

[メンバーシップウェブサイト](/products/membership-website)

[Apple & Google 対応 eWallet](/products/ewallet-on-apple-google)

[ロイヤルティエンジン](/products/loyalty-engine)

[カスタマーデータプラットフォーム (CDP)](/products/customer-data-platform-cdp)

[ホワイトラベル モバイルアプリ](/products/white-label-mobile-app)

[

機能

](/platform#features)

[リワード管理](/features/rewards-management)

[マーケティングオートメーション](/features/marketing-automation)

[顧客セグメンテーション](/features/customer-segmentation)

[ロイヤルティキャンペーン](/features/loyalty-campaigns)

[プリペイドバウチャー&クレジット](/features/prepaid-voucher-credit)

[ダッシュボード&レポート](/features/dashboard-report)

[ギフトカード](/features/gift-card)

[リファラル](/features/referral)

[ポイント&ティア](/features/points-tiers)

[デジタルスタンプカード](/features/digital-stamp-card)

[

サービス

](/platform#services)

[システムカスタマイズ](/services/system-customisation)

[データ統合サービス (ETL)](/services/data-consolidation-services-etl)

[ギフト&プロモーション パートナーシップ](/services/gift-promotion-partnership)

[マーチャント サクセス サービス](/services/merchant-success-service)

業界

[エンタープライズ](/industries/enterprise)

[飲食](/industries/food-beverage)

[リテール](/industries/retail)

[ビューティー](/industries/beauty)

[料金](/pricing)[サクセスストーリー](/success-stories)[ブログ](/resources)

[

お問い合わせ

.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }

](/contact)

[EN](/success-stories/dior-membership-app)

[中](/zh-hk/success-stories/dior-membership-app)

document.addEventListener('DOMContentLoaded', function() { // Function to initialize image hover effects for a specific dropdown function initDropdownImageHover(dropdownElement) { if (!dropdownElement) return; // Get all tab links within this dropdown const tabLinks = dropdownElement.querySelectorAll('.nav\_dropdown\_tab\_link'); // Get the first image (default image) within this dropdown const defaultImage = dropdownElement.querySelector('.nav\_links\_list .nav\_links\_item:first-child .navbar\_dropdown\_image'); // Show default image on load if (defaultImage) { defaultImage.style.opacity = '1'; defaultImage.style.transition = 'opacity 0.3s ease'; } // Add mouseenter event to each link tabLinks.forEach(link => { link.addEventListener('mouseenter', function() { // Get the ID of the hovered link const linkId = this.textContent; // Hide all images within this dropdown first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; img.style.transition = 'opacity 0.3s ease'; }); // Find and show the corresponding image const correspondingImage = dropdownElement.querySelector(\`.navbar\_dropdown\_image\[id="${linkId}"\]\`); if (correspondingImage) { correspondingImage.style.opacity = '1'; } }); }); // Show default image when mouse leaves the navbar const navWrap = dropdownElement.querySelector('.navbar\_dropdown\_tabs\_wrap'); if (navWrap) { navWrap.addEventListener('mouseleave', function() { // Hide all images first const allImages = dropdownElement.querySelectorAll('.navbar\_dropdown\_image'); allImages.forEach(img => { img.style.opacity = '0'; }); // Show default image if (defaultImage) { defaultImage.style.opacity = '1'; } }); } } // Initialize for each dropdown section const dropdowns = \[ document.querySelector('.navbar-dropdown2\_dropdown-list'), // Products dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.services'), // Services dropdown document.querySelector('.navbar-dropdown2\_dropdown-list.is-industries') // Industries dropdown \]; dropdowns.forEach(dropdown => { if (dropdown) { initDropdownImageHover(dropdown); } }); });

.nav\_link\_dropdown\_toggle:hover .nav\_products\_link { color: #ff761a; } /\* Add this to your existing CSS \*/ .mobile\_nav\_cms\_link.w--current { color: #3E3E3E; /\* This is the neutral black color used in your site \*/ font-weight: 700; } .mobile\_nav\_cta\_wrap .button.is-primary.w--current{ color: #ffffff !important; }

![Dior](/assets/success-stories/dior-membership-app/img-14.avif)

# Dior メンバーシップアプリ

![Dior メンバーシップアプリ](/assets/success-stories/dior-membership-app/img-15.avif)

## 概要

### パーソナライズされたエンゲージメントとデータドリブンなインサイトで、ラグジュアリーファッションのロイヤルティをデジタル化。

業界

リテール

企業規模

500

プロダクト & サービス

マーケティングオートメーション

メンバーシップウェブサイト & プラグイン

マーチャント サクセス サービス

プリペイドバウチャー & クレジット

リテール

## 課題

##### ラグジュアリー顧客の識別

ブランドの希少性を保ちながら、ハイバリュー顧客を正確に識別・把握する必要がありました。

##### オムニチャネル統合

実店舗のブティック、Eコマース、デジタルエンゲージメントをシームレスにつなぐことが課題でした。

##### サービスへのアクセス性

従来の店舗サービス予約システムは、ラグジュアリーな顧客体験において摩擦を生んでいました。

![](/assets/success-stories/dior-membership-app/img-16.avif)

![](/assets/success-stories/dior-membership-app/img-17.avif)

## ソリューション

## デジタルフットプリントの収集

数百万人規模の顧客基盤を持つ Dior は、デジタルフットプリントの収集を通じて、顧客一人ひとりを深く理解していきます。

-   **メンバーシップ**  
    SMS認証によるシンプルなオンボーディング体験で、マーケターが後から確実に顧客にリーチできるようにします。
-   **コンテンツ管理**  
    アプリは Dior が最新ニュースをメンバーへ届ける場となっています。
-   **e-Shop**  
    アプリから Dior の Shopify e-Shop へ顧客をスムーズに誘導します。
-   **予約**  
    顧客は Dior のアプリから店舗サービスを予約できます。

## 成果

![](/assets/success-stories/dior-membership-app/img-18.avif)

高エンゲージメント、高リピート購入

先行アクセスイベントが強いロイヤルティを牽引し、ビューティーメンバーのアクティビティが大きく成長しました。

![](/assets/success-stories/dior-membership-app/img-19.avif)

デジタル体験がプレステージを高める

デジタルジャーニーが Dior のプレミアムなブランドイメージとシームレスなラグジュアリーをさらに際立たせました。

## 関連プロジェクト

実績ある CRM ソリューション:価値を届けるプロジェクト

![BMW](/assets/success-stories/dior-membership-app/img-20.avif)

### AIA Alta リワードウォレット

Apple & Google Wallet 対応 eCard

エンタープライズ

メンバーシップウェブサイト & プラグイン

AIA Wealth Management Centre における顧客体験を高めるために AIA Alta 向けに開発された、エクスクルーシブなリワードウォレット。

[

詳しく見る  

/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }

](/success-stories/aia-alta-rewards-wallet)

![BMW](/assets/success-stories/dior-membership-app/img-21.avif)

### BMW iSpace メンバーシップ E-Card

Apple & Google Wallet 対応 eCard

エンタープライズ

メンバーシップウェブサイト & プラグイン

BMW iSpace は、デジタルメンバーシップ e-card とウォレットソリューションを統合し、ラグジュアリーカーオーナーシップにシームレスでパーソナライズされた体験をもたらします。

[

詳しく見る  

/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }

](/success-stories/bmw-ispace-membership-e-card)

![Clarins](/assets/success-stories/dior-membership-app/img-22.avif)

### Clarins スタッフリワードプログラム

リテール

Apple & Google Wallet 対応 eCard

マーケティングオートメーション

Clarins は、デジタルリワードプログラムで従業員研修をゲーミフィケーション化し、ポイントベースのインセンティブと e-wallet 連携でスタッフエンゲージメントを高めています。

[

詳しく見る  

/\* Animation styles for link buttons with arrow icons - On hover, text moves left and arrow appears/moves right - Creates a smooth sliding effect for button content - Only applies to desktop/tablet (>768px) for better mobile UX \*/ /\* Initial state - arrow is hidden and offset \*/ @media (min-width: 768px) { /\* Hide and position arrow initially \*/ .button.is-link .link\_arrow\_svg { transform: translateX(10px); opacity: 0; transition: transform 0.3s ease; } /\* On hover - move text left \*/ .button.is-link:hover .button\_text { transform: translateX(-10px); transition: transform 0.3s ease; } /\* On hover - show arrow and slide it right \*/ .button.is-link:hover .link\_arrow\_svg { transform: translateX(50px); opacity: 1; transition: transform 0.3s ease; } }

](/success-stories/clarins-staff-reward-programme)

[

.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }

すべて見る

](/success-stories)

## 始める準備はできましたか?

JuicySuite で、顧客のジャーニーを最高のものに。

.button .button\_gradient\_bg { opacity: 0; transition: opacity 0.4s ease; } .button:hover .button\_gradient\_bg { opacity: 1; }

デモを予約する

[

営業に問い合わせ

.button.is-primary .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .button.is-primary:hover .button\_primary\_hover\_bg { opacity: 1; }

](/contact)

最新ニュースと新機能・リリース情報を入手するには、ぜひフォローしてください。

.email\_button\_wrap .button\_primary\_hover\_bg { opacity: 0; transition: opacity 0.4s ease; } .email\_button\_wrap:hover .button\_primary\_hover\_bg { opacity: 1; }

ありがとうございます!ご送信を受け付けました!

おっと!フォーム送信中に問題が発生しました。

ご登録いただくと、[プライバシーポリシー](/legal/privacy) に同意し、当社からの最新ニュースの受け取りに同意したものとみなされます。

プロダクト

[ホワイトラベル モバイルアプリ](/products/white-label-mobile-app)

[カスタマーデータプラットフォーム (CDP)](/products/customer-data-platform-cdp)

[ロイヤルティエンジン](/products/loyalty-engine)

[Apple & Google 対応 eWallet](/products/ewallet-on-apple-google)

[メンバーシップウェブサイト](/products/membership-website)

機能

[デジタルスタンプカード](/features/digital-stamp-card)

[ポイント&ティア](/features/points-tiers)

[リファラル](/features/referral)

[ギフトカード](/features/gift-card)

[ダッシュボード&レポート](/features/dashboard-report)

[プリペイドバウチャー&クレジット](/features/prepaid-voucher-credit)

[ロイヤルティキャンペーン](/features/loyalty-campaigns)

[顧客セグメンテーション](/features/customer-segmentation)

[マーケティングオートメーション](/features/marketing-automation)

[リワード管理](/features/rewards-management)

サービス

[マーチャント サクセス サービス](/services/merchant-success-service)

[ギフト&プロモーション パートナーシップ](/services/gift-promotion-partnership)

[データ統合サービス (ETL)](/services/data-consolidation-services-etl)

[システムカスタマイズ](/services/system-customisation)

業界

[ビューティー](/industries/beauty)

[リテール](/industries/retail)

[飲食](/industries/food-beverage)

[エンタープライズ](/industries/enterprise)

会社情報

[サクセスストーリー](/success-stories)[リソース](/resources)[料金](/pricing)[お問い合わせ](/contact)

© 2025 JuicySuite. All rights reserved.

[プライバシーポリシー](/legal/privacy)

[

](https://www.facebook.com/@juicysuite/)[

](https://www.instagram.com/juicysuite_crm/)[

](https://www.linkedin.com/company/juicysuite/)

![](/assets/success-stories/dior-membership-app/img-23.avif)

## デモを予約する

お名前\*

会社名\*

連絡先番号\*

メールアドレス\*

ご興味のあるプロダクト

プロダクトを選択

メンバーシップウェブサイト

Apple & Google 対応 eWallet

ロイヤルティエンジン

カスタマーデータプラットフォーム (CDP)

ホワイトラベル モバイルアプリ

ご興味のある機能

機能を選択

リワード管理

マーケティングオートメーション

顧客セグメンテーション

ロイヤルティキャンペーン

プリペイドバウチャー&クレジット

ダッシュボード&レポート

ギフトカード

リファラル

ポイント&ティア

デジタルスタンプカード

ご興味のあるサービス

サービスを選択

システムカスタマイズ

データ統合サービス (ETL)

ギフト&プロモーション パートナーシップ

マーチャント サクセス サービス

[利用規約\*](/legal/terms) に同意します

 // Function to update hidden field with selected checkbox IDs function updateSelectedCheckboxes() { const checkedBoxes = document.querySelectorAll('input\[type="checkbox"\]:checked'); const selectedIds = Array.from(checkedBoxes).map(checkbox => checkbox.id); document.getElementById('selectedCheckboxes').value = selectedIds.join(','); } // Add change listener to all checkboxes document.querySelectorAll('input\[type="checkbox"\]').forEach(checkbox => { checkbox.addEventListener('change', updateSelectedCheckboxes); }); // Optional: Also update on form submission document.querySelector('form').addEventListener('submit', function(e) { updateSelectedCheckboxes(); }); // This is because Webflow CMS for checkbox values won't carry over its actual name value over const checkboxFields = document.querySelectorAll('.form\_checkbox\_field'); checkboxFields.forEach(field => { // Get the field's ID const fieldId = field.id; if (fieldId) { // Find the input element within this field const input = field.querySelector('input'); if (input) { // Set the input's name attribute to the field's ID input.setAttribute('name', fieldId); } } });  document.getElementById('page\_name\_field').value = window.location.pathname;

ありがとうございます!ご送信を受け付けました!

おっと!フォーム送信中に問題が発生しました。

[

](#)

// Preconnects var link1 = document.createElement('link'); link1.rel = 'preconnect'; link1.href = 'https://www.googletagmanager.com'; document.head.appendChild(link1); var link2 = document.createElement('link'); link2.rel = 'preconnect'; link2.href = 'https://www.clarity.ms'; document.head.appendChild(link2); // Load after everything else setTimeout(function() { // GTM Container 1 (function(w,d,s,l,i){ w\[l\]=w\[l\]||\[\]; w\[l\].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)\[0\], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TLGTXQFX'); // GTM Container 2 (function(w,d,s,l,i){ w\[l\]=w\[l\]||\[\]; w\[l\].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); var f=d.getElementsByTagName(s)\[0\], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5LL3BQ6'); // Microsoft Clarity (function(c,l,a,r,i,t,y){ c\[a\]=c\[a\]||function(){(c\[a\].q=c\[a\].q||\[\]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)\[0\];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "sdl97j1thh"); }, 1000);