Loyalty

Context

MENU Loyalty is designed to help you retain Customers by rewarding them through a spend-based program. To create a compelling experience, configure your Loyalty program and personalize your rewards according to both our guidelines and your specific needs.

Loyalty currency

Loyalty currency or points are collected by Users and they are spent to buy Rewards. Like any other currency, it has its own symbol.

You can find it in Figma template here.

Used for:

• Illustrating the points to be earned during the registration process on the sign-in screen
• Showing the number of points in the header
• Showing the number of points on the checkout screen
• Showing the pricing in points for rewards
• The number of points the user will earn in the checkout

Images:

Requirements:

• Image container size: 24x24px
  
• Image format: SVG 
  
• Name: coin.svg

Program description images

Program description images help information to be more understandable and immersive. Every image belongs to one paragraph that should explain one fact about the Loyalty Program. The maximum number of paragraphs is 3.

You can find it in Figma template here.

Images:

Requirements:

• Image size: 320x320px
• Image format: PNG
• Names:
  • loyalty_desc_heading1.png
  • loyalty_desc_heading2.png
  • loyalty_desc_heading3.png

Loyalty categories

The Loyalty Categories Icons feature gives quick access to Rewards and Offers through individual buttons on the main navigation. It enhances user experience by providing easy access to use rewards and exclusive deals for loyal customers.

You can find it in Figma template here.

Images:

Requirements:

• Image size: 134x134px
• Image format: SVG
• Names:
  • category_rewards.svg
  • category_coupon.svg

Emphasized last tier in Rewards

If your rewards are organized in tiers you can setup the last tier to be highlighted. If you use this feature you should provide final tier icon as in image below.

You can find it in Figma template here.

Requirements:

• Image container size: 40x40px 
• Image format: SVG 
• Name: final_tier.svg