← back to all works
Work2023// Frontend Developer & Creative UI Engineer

B2B Loyalty App

Built an immersive B2B loyalty claiming web app where users can claim multi-level loyalty cards generated dynamically on the frontend — featuring SVG margarita glass visuals, multiple reward categories, and a slot machine UI for claiming NFTs or loyalty cards. All card generation and reward logic runs client-side based on backend data, creating a gamified, interactive claiming experience.

B2B Loyalty Dashboard
The Challenge

Creating a loyalty platform that feels more like a game than a business tool. The multi-level loyalty cards needed dynamic SVG generation with a recognizable margarita glass motif, each level visually distinct. The claiming interface had to include a slot machine animation for the excitement of NFT/card rewards, while handling multiple reward categories. Everything had to render on the frontend from backend data — no pre-rendered assets — making the UI logic complex.

The Solution

Built a dynamic SVG card generation system that renders multi-level loyalty cards with evolving margarita glass visuals based on user tier. Designed a slot machine-style claiming UI with spinning reels that land on NFTs or loyalty cards, creating a casino-like reward experience. Added multiple reward categories (tier upgrades, exclusive NFTs, discount cards) with category-specific claiming flows. All card visuals, tier levels, and reward logic are generated on the frontend from backend configuration data.

Tech Stack
Next.jsTypeScriptTailwind CSSSCSSSVG Generation3D AnimationSlot Machine Animation
Media Gallery
Loyalty Labs Thumbnail
Loyalty Labs Asset Management
Loyalty Labs Asset Management
Loyalty Labs Reward Categories
Loyalty Labs Reward Categories
Loyalty Labs Home
Loyalty Labs Home
Loyalty Labs Profile
Loyalty Labs Profile
← AMI NamesArtist4Web3 →