Enterprise · Success Story
NF Touch Membership App.

NF Touch revitalizes member engagement with an enhanced mobile app experience, offering seamless rewards and privileges across Nan Fung Group malls through a thoughtfully re-engineered digital platform.
Industry
Enterprise
Company scale
2500+
Products & services
eCard at Apple & Google WalletStamps & PointsMerchant Success ServiceEnterprise
The challenge
A high-trust audience the old rewards setup couldn't reach.

App Experience Inconsistency

The existing membership app, built by a previous vendor, offered inconsistent UX and lacked a modern, unified design across screens.
Fragmented Feature Deployment

Key functionalities such as privileges and mall-specific rewards were disjointed and difficult to scale across multiple locations.
Upgrade Disruption Risk

There was a high risk of disrupting existing members during transitions due to structural inefficiencies in the legacy system.
The solution
Gradual App Revamp with Loyalty Precision

We transformed NF Touch’s legacy platform into a feature-rich mobile app with zero disruption. By phasing in new capabilities across Nan Fung malls, users enjoyed a seamless upgrade.
Core
Rebuilt on our CRM Core for precise segmentation and campaign control.
Wallet & Points
Consolidated multi-mall rewards into a unified system.
Rewards
Improved privilege visibility and point tracking for smoother redemptions.
Stability
Transitioned users to the new app environment with zero downtime.
The results
A pass members actually keep — and open.

More Members, More Often

Daily activity climbed as members kept coming back for points and offers.
Data-Driven Campaign Performance

CRM integration made every campaign smarter — targeted by what members actually do.
Proven CRM solutions, in action.

View all stories
Ready to get started?
Your success story starts here.

Perfect your customers' journey with JuicySuite. Book a demo and we'll map your first program together.
Book a demo Contact sales
NF Touch Membership App NF Touch NF Touch revitalizes member engagement with an enhanced mobile app experience, offering seamless rewards and privileges across Nan Fung Group malls through a thoughtfully re-engineered digital platform.
/\* 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 \*/ }

[

](/)

[

Contact

.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/nf-touch-membership-app)

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

[

Book a Demo

](#)

-   [Home](/)
-   Products
    
    [
    
    Products
    
    ](/platform#products)
    
    [Membership Website](/products/membership-website)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-1.avif)
    
    [eWallet on Apple & Google](/products/ewallet-on-apple-google)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-2.avif)
    
    [Loyalty Engine](/products/loyalty-engine)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-3.avif)
    
    [Customer Data Platform (CDP)](/products/customer-data-platform-cdp)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-4.avif)
    
    [White-label Mobile App](/products/white-label-mobile-app)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-5.avif)
    
    [
    
    Features
    
    ](/platform#features)
    
    [
    
    Digital Stamp Card
    
    
    
    ](/features/digital-stamp-card)
    
    [
    
    Points & Tiers
    
    
    
    ](/features/points-tiers)
    
    [
    
    Rewards Management
    
    
    
    ](/features/rewards-management)
    
    [
    
    Loyalty Campaigns
    
    
    
    ](/features/loyalty-campaigns)
    
    [
    
    Referral
    
    
    
    ](/features/referral)
    
    [
    
    Prepaid Voucher & Credit
    
    
    
    ](/features/prepaid-voucher-credit)
    
    [
    
    Gift Card
    
    
    
    ](/features/gift-card)
    
    [
    
    Dashboard & Report
    
    
    
    ](/features/dashboard-report)
    
    [
    
    Customer Segmentation
    
    
    
    ](/features/customer-segmentation)
    
    [
    
    Marketing Automation
    
    
    
    ](/features/marketing-automation)
    
-   [
    
    Services
    
    ](/platform#services)
    
    [System Customisation](/services/system-customisation)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-6.avif)
    
    [Data Consolidation Services (ETL)](/services/data-consolidation-services-etl)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-7.avif)
    
    [Gift & Promotion Partnership](/services/gift-promotion-partnership)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-8.avif)
    
    [Merchant Success Service](/services/merchant-success-service)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-9.avif)
    
-   [
    
    Industries
    
    ](/platform#industries)
    
    [Enterprise](/industries/enterprise)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-10.avif)
    
    [Food & Beverage](/industries/food-beverage)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-11.avif)
    
    [Retail](/industries/retail)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-12.avif)
    
    [Beauty](/industries/beauty)
    
    ![](/assets/success-stories/nf-touch-membership-app/img-13.avif)
    
-   [success stories](/success-stories)
-   [Blog](/resources)
-   [pricing](/pricing)
-   [
    
    Contact
    
    .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](/products/membership-website)

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

[Loyalty Engine](/products/loyalty-engine)

[Customer Data Platform (CDP)](/products/customer-data-platform-cdp)

[White-label Mobile App](/products/white-label-mobile-app)

[

Features

](/platform#features)

[Rewards Management](/features/rewards-management)

[Marketing Automation](/features/marketing-automation)

[Customer Segmentation](/features/customer-segmentation)

[Loyalty Campaigns](/features/loyalty-campaigns)

[Prepaid Voucher & Credit](/features/prepaid-voucher-credit)

[Dashboard & Report](/features/dashboard-report)

[Gift Card](/features/gift-card)

[Referral](/features/referral)

[Points & Tiers](/features/points-tiers)

[Digital Stamp Card](/features/digital-stamp-card)

[

Services

](/platform#services)

[System Customisation](/services/system-customisation)

[Data Consolidation Services (ETL)](/services/data-consolidation-services-etl)

[Gift & Promotion Partnership](/services/gift-promotion-partnership)

[Merchant Success Service](/services/merchant-success-service)

Industries

[Enterprise](/industries/enterprise)

[Food & Beverage](/industries/food-beverage)

[Retail](/industries/retail)

[Beauty](/industries/beauty)

[Pricing](/pricing)[Success Stories](/success-stories)[Blog](/resources)

[

Contact

.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/nf-touch-membership-app)

[中](/zh-hk/success-stories/nf-touch-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; }

![Nan Fung Group](/assets/success-stories/nf-touch-membership-app/img-14.avif)

# NF Touch Membership App

![NF Touch Membership App](/assets/success-stories/nf-touch-membership-app/img-15.avif)

## Overview

### Transforming NF Touch’s loyalty strategy through a reimagined mobile membership experience.

Industry

Enterprise

COMPANY SCALE

2500+

Product & Services

eCard at Apple & Google Wallet

Stamps & Points

Merchant Success Service

Enterprise

Marketing Automation

## Challenges

## App Experience Inconsistency

The existing membership app, built by a previous vendor, offered inconsistent UX and lacked a modern, unified design across screens.

## Fragmented Feature Deployment

Key functionalities such as privileges and mall-specific rewards were disjointed and difficult to scale across multiple locations.

## Upgrade Disruption Risk

There was a high risk of disrupting existing members during transitions due to structural inefficiencies in the legacy system.

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

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

## The Solution

## Gradual App Revamp with Loyalty Precision

We transformed NF Touch’s legacy platform into a feature-rich mobile app with zero disruption. By phasing in new capabilities across Nan Fung malls, users enjoyed a seamless upgrade.

-   **Core**  
    Rebuilt on our CRM Core for precise segmentation and campaign control.
-   **Wallet & Points**  
    Consolidated multi-mall rewards into a unified system.
-   **Rewards**  
    Improved privilege visibility and point tracking for smoother redemptions.
-   **Stability**  
    Transitioned users to the new app environment with zero downtime.

## The Results

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

Surge in Active Members

The app saw a noticeable uptick in daily activity as members regularly engaged with points and offers.

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

Data-Driven Campaign Performance

Integration with CRM enabled smarter, behavior-based campaign targeting.

## Related Projects

Proven CRM Solutions in Action: Projects That Deliver Value

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

### AIA Alta Rewards Wallet

eCard at Apple & Google Wallet

Enterprise

Membership Website & Plugin

An exclusive rewards wallet developed for AIA Alta to enhance the customer experience at the AIA Wealth Management Centre.

[

Read More  

/\* 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/nf-touch-membership-app/img-21.avif)

### BMW iSpace Membership E-Card

eCard at Apple & Google Wallet

Enterprise

Membership Website & Plugin

BMW iSpace revolutionizes luxury car ownership with digital membership e-cards, integrating wallet solutions for seamless personalized experiences.

[

Read More  

/\* 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/nf-touch-membership-app/img-22.avif)

### Clarins Staff Reward Programme

Retail

eCard at Apple & Google Wallet

Marketing Automation

Clarins gamifies employee training with digital reward program, driving staff engagement through point-based incentives and e-wallet integration.

[

Read More  

/\* 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; }

View All

](/success-stories)

## Ready to get started?

Perfect your customers’ journey with JuicySuite.

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

Book a Demo

[

Contact Sales

.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)

Follow us for the latest news and learn about new features and releases.

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

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

By subscribing, you are agree to our [Privacy Policy](/legal/privacy) and agree to receive the latest news from our company.

Products

[White-label Mobile App](/products/white-label-mobile-app)

[Customer Data Platform (CDP)](/products/customer-data-platform-cdp)

[Loyalty Engine](/products/loyalty-engine)

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

[Membership Website](/products/membership-website)

Features

[Digital Stamp Card](/features/digital-stamp-card)

[Points & Tiers](/features/points-tiers)

[Referral](/features/referral)

[Gift Card](/features/gift-card)

[Dashboard & Report](/features/dashboard-report)

[Prepaid Voucher & Credit](/features/prepaid-voucher-credit)

[Loyalty Campaigns](/features/loyalty-campaigns)

[Customer Segmentation](/features/customer-segmentation)

[Marketing Automation](/features/marketing-automation)

[Rewards Management](/features/rewards-management)

Services

[Merchant Success Service](/services/merchant-success-service)

[Gift & Promotion Partnership](/services/gift-promotion-partnership)

[Data Consolidation Services (ETL)](/services/data-consolidation-services-etl)

[System Customisation](/services/system-customisation)

Industries

[Beauty](/industries/beauty)

[Retail](/industries/retail)

[Food & Beverage](/industries/food-beverage)

[Enterprise](/industries/enterprise)

Company

[Success Stories](/success-stories)[Resources](/resources)[Pricing](/pricing)[Contact](/contact)

© 2025 JuicySuite. All rights reserved.

[Privacy Policy](/legal/privacy)

[

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

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

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

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

## Book A Demo

Name\*

Company Name\*

Contact Number\*

Email\*

Interested Products

Select Products

Membership Website

eWallet on Apple & Google

Loyalty Engine

Customer Data Platform (CDP)

White-label Mobile App

Interested Features

Select Features

Rewards Management

Marketing Automation

Customer Segmentation

Loyalty Campaigns

Prepaid Voucher & Credit

Dashboard & Report

Gift Card

Referral

Points & Tiers

Digital Stamp Card

Interested Services

Select Services

System Customisation

Data Consolidation Services (ETL)

Gift & Promotion Partnership

Merchant Success Service

I accept the [Terms of Service\*](/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;

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

[

](#)

// 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);