Services

Portfolio

Contact

More
Vie \ Eng

Our Clients

  • Wujia - Hồng Tra Ngô Gia
photo
photo

Transforming Every Cup of Tea into a Rewarding Adventure: Marvy’s Gamification Success on Wujia Black Tea's Zalo Mini App

Transforming Every Cup of Tea into a Rewarding Adventure: Marvy’s Gamification Success on Wujia Black Tea's Zalo Mini App

As food and beverage (F&B) brands increasingly focus on building their own customer ecosystems, Wujia Black Tea sought to boost purchase frequency, drive online ordering, and position their Zalo Mini App as the primary hub for ongoing customer engagement.

photo

Scope of Work

  • - Creative Strategy Direction
  • - Concept Design
  • - UI UX Design
  • - 2D Design
  • - Game Development
  • - Backend Development
photo

Types of AR used

game photo

Game

Campaign Background & Objectives

As food and beverage (F&B) brands increasingly focus on building their own customer ecosystems, Wujia Black Tea sought to boost purchase frequency, drive online ordering, and position their Zalo Mini App as the primary hub for ongoing customer engagement.

Partnering with Wujia Black Tea, Marvy developed and executed the "Lucky Puzzle" gamification campaign on Zalo Mini App. Marvy handled the entire process end-to-end, including game conceptualization, UI/UX and 2D graphic design, game development, backend engineering, CMS setup, and ongoing campaign operations.

Moving away from traditional loyalty points or generic discounts, Marvy turned every purchase into an exciting journey of discovery. By leveraging blind-box unboxings, puzzle collections, social sharing, and high-value grand prizes, the campaign successfully incentivized repeat purchases while deepening customer engagement with the Wujia Black Tea Mini App.

The campaign ran from April 30 to May 31 on the Wujia Black Tea Zalo Mini App.

 

Gamification Solutions Developed by Marvy

To elevate a standard loyalty program into an immersive, highly engaging experience, Marvy built a "Blind Box Puzzle Collection" mechanic directly inside the Wujia Black Tea Zalo Mini App.

Rather than receiving an instant, predictable reward after checkout, users earned turns to open "blind boxes" for qualifying purchases. Each blind box contained either a random puzzle piece or an exclusive voucher, tapping into the thrill of gacha and blind-box trends currently sweeping Gen Z and Millennials.

Ordering a drink was no longer just a transaction; it became an exciting opportunity to hunt for rewards, complete collections, and inch closer to major prizes.

 

UI/UX Design – Staying True to Ngo Gia's Brand Identity

To align with Ngo Gia's cheerful, approachable brand identity while sustaining long-term engagement, Marvy designed a casual game-style interface blended with a blind-box collection aesthetic. This design was tailored to resonate with their core target audience: Gen Z, Gen Alpha, and Millennial tea enthusiasts.

🌿 Signature Brand Green
The brand’s signature green served as the primary color across the interface, reinforcing brand recall and evoking a refreshing, beverage-aligned aesthetic. Marvy crafted a whimsical background featuring blue skies, rolling green hills, and leafy details reminiscent of a cozy casual game. This design created a relaxing, highly accessible atmosphere that welcomed all user segments on the Zalo Mini App.

🎁 Immersive Blind-Box Unboxing
The unboxing interface was designed with eye-catching visual effects and highly focused layouts to build anticipation and excitement every time a user revealed a new puzzle piece or voucher.

🧩 Instantly Recognizable Puzzle Pieces
All puzzle pieces were designed as premium collectible items, featuring custom illustrations for each theme. From Ngo Gia’s signature tea lines to symbols representing their core brand values, each piece featured a distinct color and shape, making it easy for players to track their collection progress.

🟢 High-Conversion Call-To-Action (CTA) Buttons
Core actions—such as Collect Now, Open Blind Box, Claim Reward, Share with Friends, and Redeem Prize—featured high-contrast green and orange tones. This vibrant styling made key steps instantly recognizable, driving user actions and boosting interaction rates throughout the user journey.

 

📱 Mobile-First UX for Zalo Mini App
Built with a strict mobile-first mindset, the entire system was optimized for a seamless Zalo Mini App experience, featuring:

  • Intuitive one-tap controls.
  • A short, streamlined onboarding flow.
  • Effortless, natural navigation.
  • Instant reward delivery.

This ensured users could join the campaign, open blind boxes, collect pieces, and claim vouchers with just a few quick taps on their smartphones.

Core Game Mechanics & Standout Features

The brilliance of the "Lucky Puzzle" campaign lay in its strategic combination of multiple interactive mechanics to keep players engaged and returning throughout the entire event.

Blind Box Unboxing Mechanic

  • Upon completing a qualifying order on the Mini App, users earned a turn to open a blind box.

  • On the game screen, players chose one of four blind boxes to reveal a mystery reward.

  • Potential rewards included:

    • Puzzle pieces from various collection sets.

    • Discount vouchers.

    • Free topping vouchers.

    • Other exciting promotional incentives.

  • This element of surprise kept players highly motivated to return and complete their collections. 

 

Puzzle Collection System

Marvy categorized the collectible puzzle pieces into distinct thematic groups revolving around the Ngo Gia brand:

  • The "Authentic Beverages" Set: Featuring signature drinks like Pink Guava Lemon Tea, Jasmine Green Tea, Winter Melon Tea, Green Tea Latte, Ngo Gia’s Eight-Treasure Tea, and Taiwanese Black Tea.
  • The "Rich Flavors" Set: Pieces representing the brand's premium taste and product experience.
  • The "Sustainable Brand" Set: Pieces showcasing the brand logo, certifications, and Ngo Gia's core values.

Dividing the pieces into multiple distinct collections added a balanced layer of challenge, effectively extending the campaign's lifespan.

Peer-to-Peer Puzzle Sharing

One of the most impactful features developed by Marvy was the peer-to-peer puzzle sharing mechanism. Through a built-in sharing interface within the Mini App, users could:

  • Send duplicate puzzle pieces to friends.
  • Request missing pieces from the community.
  • Collaborate to complete sets faster.

This social feature did more than just boost completion rates—it drove organic, viral growth by encouraging users to invite friends and family to join in.

 

Instant Voucher Rewards

To complement the grand prizes, Marvy integrated an instant voucher reward system to ensure every interaction felt rewarding. These vouchers included:

  • VND 5,000 off
  • VND 7,000 off
  • VND 10,000 off
  • Free toppings
  • Region-specific promotional offers

Vouchers were automatically issued directly to the user’s wallet upon opening a blind box and could be applied to their very next order. This created a highly effective loyalty loop:

Purchase→Play→Earn Voucher→Purchase Again

This loop successfully drove conversion rates and maximized customer lifetime value.

Grand Prizes for Completed Collections

The crown jewel of the campaign was the collection-based grand prize pool. Players who successfully completed a thematic set were eligible to claim high-value prizes:

  • "Authentic Beverages" Grand Prize: iPhone 17 Pro
  • "Rich Flavors" Grand Prize: Apple Watch Series 11
  • "Sustainable Brand" Grand Prize: Kingsport Massage Chair

 

A Zalo Mini App Experience Optimized by Marvy

Beyond designing engaging gameplay, Marvy meticulously optimized the entire user journey on the Zalo Mini App.

Frictionless User Flow

Participating was incredibly straightforward:

  1. Access the Mini App.
  2. Quick registration.
  3. Order a drink.
  4. Earn game turns.
  5. Open blind boxes.
  6. Collect pieces.
  7. Redeem prizes or apply vouchers.

The entire experience was stripped of friction, allowing users to jump into the action within seconds.

 

Real-Time CMS Data Management

Marvy engineered a dedicated Content Management System (CMS) for the campaign, enabling the Ngo Gia team to:

  • Manage user database and accounts.
  • Monitor real-time participation metrics.
  • Track prize distribution.
  • Control voucher inventory.
  • Track issued puzzle pieces.
  • Manage and adjust winning probabilities.
  • Monitor campaign performance analytics in real time.

This powerful backend provided the operations team with total control, flexibility, and absolute transparency throughout the campaign.

 

The Results

The "Lucky Puzzle" campaign successfully turned Wujia Black Tea's Zalo Mini App into a massive, highly interactive playground.

Campaign Highlights:

  • 187,000+ game plays recorded during the campaign.
  • 14,100+ unique active players.
  • 48,000+ puzzle pieces distributed.
  • 7,800+ vouchers awarded.
  • Thousands of social shares as players traded puzzle pieces.
  • A dramatic surge in online ordering and active Zalo Mini App usage.
  • A massive boost in customer retention and repeat purchase rates driven by the collection and redemption loop.

Conclusion

Far more than just a promotional minigame, "Lucky Puzzle" serves as a textbook example of how gamification can transform everyday purchases into an engaging entertainment experience that secures long-term customer loyalty.

From game concept, UI/UX, and graphic design to Zalo Mini App development, robust backend engineering, and CMS operations, Marvy partnered closely with Wujia Black Tea to deliver a comprehensive digital engagement campaign. In this campaign, every cup of tea offered not just great taste, but also an opportunity to win, connect with a community, and experience enhanced brand value at every single touchpoint.

 

photo
logo photo

Marvy Co. is confident in providing a diverse and unique AR/ VR/ Game Ecosystem, by a team with great credibility, skills and experience. We consult and establish optimized AR/ VR/ Game/ Playable Ads solutions that flexibly applied to all brand Marketing strategies.

Beside AR/VR, outsourcing and designing Games (Mini Game, Large-scale Game...) is our expertise.

For many other outstanding benefits, contact Marvy Co. to deploy professional projects that match your image and brand goals.