NF Touch Website - Empowering ESG Actions with a Revolutionary Membership Program

Categories :
UX STRATEGY, UI DESIGN, WEBSITE DEVELOPMENT

Client :
Nan Fung Group

Website :
www.nftouch.com.hk/

NF Touch, a cutting-edge customer loyalty (CRM) program under Nan Fung Group, aims to revolutionize the way customers interact with various shopping malls under the Nan Fung Group umbrella. At its core, NF Touch is designed to provide an exceptional customer experience, enabling customers to collect points through their shopping activities and green acts. These points can then be redeemed for a wide range of exciting rewards, or even be converted into donations to support local communities.

 

As part of this exciting project, DigiSalad has played a key role in designing and developing the NF Touch website. The website serves as a gateway for customers to explore and understand the customer loyalty program. By logging in or signing up, users can conveniently check their accumulated points and track their progress. To fully unlock the program's benefits, such as redemption of rewards, users are encouraged to download the NF Touch app through this website.

 

Elevating User Experience (UX) with Intuitive Design Strategies

DigiSalad has implemented several strategies aimed at optimizing user interactions. One of these strategies is the incorporation of automatic horizontal scrolling in sections such as the merchant list. By reducing the need for manual clicks, users can effortlessly explore a wide range of options, enhancing their browsing experience.

 

Diverse Illustrations to Enhance Brand Identity

DigiSalad has infused the NF Touch website with a range of custom illustrations, each designed to enhance the brand’s identity and appeal across diverse demographics. These illustrations not only make the interface more engaging but also communicate the brand's commitment to sustainability and community, reinforcing the program's values visually and effectively.

 

Page Transition Animation

DigiSalad has enhanced the NF Touch website with smooth and seamless page transitions, maintaining consistency with the brand’s visual identity. These carefully designed transition effects create a cohesive and visually appealing journey for users, effectively reducing the perceived loading time and ensuring an engaging browsing experience.


 

Advanced Search Function

To improve site usability, DigiSalad implemented an advanced search function that enhances user experience significantly. This feature allows for an efficient and convenient search process, incorporating popular search keywords and search history. Even users who are not logged in can benefit from personalized and relevant search results, making the platform more accessible and user-friendly.

 

Interactive Rewards Catalog

Our team has implemented an interactive rewards catalog that dynamically updates and allows members to easily browse and redeem their points. DigiSalad focused on creating an intuitive user interface with filters and categories that streamline the search process, thereby enhancing user engagement and simplifying the redemption experience.

 

Mobile-First Design

Reflecting modern browsing habits, DigiSalad adopted a mobile-first design strategy for the NF Touch website to ensure optimal performance and accessibility across all devices. This approach not only improves user accessibility but also ensures that the website delivers a seamless experience whether accessed via desktop or mobile.

 

NF Points / Tokens

At the heart of NF Touch is the NF Points system, where members earn points for every dollar spent at participating locations. These points can be converted into NF Tokens, which serve as cash at various merchants, integrating simplicity with utility in the loyalty program.

 

Green Explorer

The Green Explorer initiative within NF Touch encourages members to engage in environmental conservation through a gamified mobile experience. Members earn NF Seeds by completing eco-friendly actions, which can be used to unlock achievements or support environmental NGOs, effectively turning virtual activities into real-world impact.

 

Multilingual Support

Understanding the diverse user base of NF Touch, DigiSalad has equipped the website with full multilingual support. This development ensures that all members, regardless of their preferred language, can navigate the site easily and understand the program benefits fully, thus widening the program's reach and usability.

 

Widget-Based CMS Approach

DigiSalad has integrated a widget-based Content Management System (CMS) into the NF Touch website, significantly enhancing the administrative ease and flexibility of content updates. This CMS allows site administrators to efficiently manage and update content without needing extensive technical knowledge. Widgets can be easily added, removed, or rearranged, providing a highly customizable and user-friendly interface. This feature is particularly beneficial for keeping the site dynamic and fresh, enabling quick adjustments to promotions, events, and rewards that directly cater to user interests and market trends.

Through strategic UX & UI design and innovative digital solutions, DigiSalad has successfully delivered a comprehensive website that not only enhances user engagement but also supports Nan Fung Group's goals of sustainability and customer loyalty. The NF Touch project showcases DigiSalad’s expertise in creating digital platforms that are not only visually appealing but also functionally superior, fostering community engagement and enhancing corporate social responsibility.

 

PREVIEW
nftouch-uxui-website


DigiSalad