Bối cảnh & Mục tiêu chiến dịch

Trong bối cảnh các thương hiệu F&B ngày càng tập trung vào việc xây dựng hệ sinh thái khách hàng riêng, Hồng Trà Ngô Gia mong muốn gia tăng tần suất mua hàng, thúc đẩy hành vi đặt hàng trực tuyến và khuyến khích người dùng sử dụng Zalo Mini App như một kênh tương tác xuyên suốt với thương hiệu.

Đồng hành cùng Hồng Trà Ngô Gia trong dự án này, Marvy đã phát triển chiến dịch gamification "Mảnh Ghép May Mắn" trên nền tảng Zalo Mini App, từ khâu xây dựng concept game, thiết kế UI/UX, thiết kế đồ họa 2D, phát triển game, xây dựng hệ thống backend đến CMS quản lý dữ liệu và vận hành chiến dịch.

Thay vì triển khai một chương trình tích điểm hoặc khuyến mãi truyền thống, Marvy đã biến mỗi đơn hàng trở thành một cơ hội khám phá đầy hứng thú. Thông qua cơ chế mở túi mù, sưu tầm mảnh ghép, chia sẻ với bạn bè và săn các giải thưởng giá trị, chiến dịch tạo động lực để khách hàng quay lại mua hàng nhiều lần hơn, đồng thời gia tăng mức độ gắn kết giữa người dùng với Hồng Trà Ngô Gia Mini App.

Chương trình diễn ra từ ngày 30/4 - 31/5 trên nền tảng Zalo Mini App của Hồng Trà Ngô Gia 

Giải pháp Gamification được Marvy phát triển

Để biến một chương trình tích điểm thông thường thành trải nghiệm mang tính khám phá và giải trí cao hơn, Marvy đã xây dựng cơ chế Blind Box Puzzle Collection (Sưu Tầm Mảnh Ghép Từ Túi Mù) ngay bên trong Zalo Mini App của Hồng Trà Ngô Gia.

Thay vì nhận thưởng trực tiếp sau mỗi giao dịch, người chơi sẽ nhận được lượt mở túi mù tương ứng với các đơn hàng hợp lệ. Mỗi túi mù sẽ chứa ngẫu nhiên một mảnh ghép hoặc voucher ưu đãi, tạo cảm giác hồi hộp tương tự các mô hình gacha và blind box đang rất được yêu thích trong giới trẻ.

Mỗi lần mua đồ uống không còn đơn thuần là một giao dịch mà trở thành một cơ hội mới để săn thưởng, hoàn thiện bộ sưu tập và tiến gần hơn đến những giải thưởng giá trị.

UI/UX Design - Tone màu “chuẩn” Hồng Trà Ngô Gia

Để phù hợp với tinh thần vui tươi, gần gũi của Hồng Trà Ngô Gia đồng thời duy trì động lực tương tác xuyên suốt chiến dịch, Marvy đã xây dựng giao diện theo hướng casual game kết hợp blind box collection, phù hợp với tệp khách “người yêu trà” vốn là là Gen Z, Gen Alpha và Millenials.

🌿 Tông Xanh Thương Hiệu

Màu xanh lá chủ đạo được sử dụng xuyên suốt giao diện nhằm tăng nhận diện thương hiệu và gợi cảm giác tươi mát, gần gũi với ngành hàng đồ uống.

Marvy xây dựng background với bầu trời xanh, đồi cỏ và các chi tiết cây lá mang phong cách casual game.

Thiết kế này giúp tạo cảm giác thư giãn, dễ tiếp cận và phù hợp với đa dạng nhóm người dùng trên nền tảng Zalo Mini App.

🎁 Trải Nghiệm Mở Túi Mù

Màn hình mở túi mù được thiết kế với hiệu ứng trực quan và tập trung thị giác, tạo cảm giác hồi hộp mỗi khi người chơi nhận mảnh ghép hoặc phần thưởng.

🧩 Hệ Thống Mảnh Ghép Dễ Nhận Diện

Toàn bộ các mảnh ghép được thiết kế theo dạng collectible items với hình minh họa riêng biệt cho từng nhóm chủ đề.

Từ các dòng sản phẩm trà đặc trưng của Ngô Gia cho đến các biểu tượng đại diện cho giá trị thương hiệu, mỗi mảnh ghép đều có màu sắc và hình dáng khác nhau giúp người chơi dễ dàng ghi nhớ và theo dõi tiến độ sưu tầm.

🟢 CTA Buttons Được Tối Ưu Chuyển Đổi

Các nút hành động chính như:

• Săn Mảnh Ngay
• Mở Túi Mù
• Nhận Thưởng
• Chia Sẻ Bạn Bè
• Đổi Quà

được sử dụng tông màu xanh lá và cam nổi bật nhằm tạo độ tương phản cao với nền giao diện, giúp người dùng dễ dàng nhận biết các hành động quan trọng và tăng tỷ lệ tương tác trong suốt hành trình trải nghiệm.

📱 Mobile-First UX Cho Zalo Mini App

Toàn bộ hệ thống được thiết kế theo tư duy Mobile-First, tối ưu cho trải nghiệm trên Zalo Mini App với:

• Thao tác một chạm đơn giản.
• Flow tham gia ngắn gọn.
• Điều hướng trực quan.
• Tốc độ tiếp cận phần thưởng nhanh.

Nhờ đó, người dùng có thể tham gia chiến dịch, mở túi mù, thu thập mảnh ghép và nhận voucher chỉ trong vài thao tác ngay trên điện thoại.

Game Mechanics và Tính Năng nổi bật

Điểm đặc biệt của "Mảnh Ghép May Mắn" nằm ở việc kết hợp nhiều cơ chế tương tác khác nhau nhằm duy trì động lực quay lại của người chơi trong suốt thời gian diễn ra chương trình.

Blind Box Opening Mechanic

Sau khi hoàn thành đơn hàng hợp lệ trên Mini App, người dùng nhận được lượt mở túi mù.

Tại màn hình game, người chơi lựa chọn một trong bốn túi mù xuất hiện trên giao diện để nhận phần thưởng ngẫu nhiên.

Mỗi lần mở có thể nhận được:

• Mảnh ghép thuộc các bộ sưu tập.
• Voucher giảm giá.
• Voucher topping miễn phí.
• Các phần thưởng khuyến khích khác.

Cơ chế này tạo nên cảm giác bất ngờ và kích thích người dùng quay lại thường xuyên để tiếp tục sưu tầm.

Puzzle Collection System

Marvy thiết kế hệ thống mảnh ghép được chia thành nhiều nhóm chủ đề khác nhau xoay quanh thương hiệu Ngô Gia:

Nhóm Thức Uống Thật

• Trà Chanh Ổi Hồng
• Trà Xanh Hoa Nhài
• Trà Bí Đao
• Trà Xanh Latte
• Bát Bảo Ngô Gia
• Hồng Trà Đài Loan

Nhóm Hương Vị Trọn Vẹn

• Các mảnh ghép đại diện cho trải nghiệm và giá trị sản phẩm.

Nhóm Thương Hiệu Vững Bền

• Logo thương hiệu
• Chứng nhận
• Giá trị cốt lõi của Ngô Gia

Việc phân chia thành nhiều bộ sưu tập giúp tăng độ khó vừa phải và kéo dài vòng đời tương tác của chiến dịch.

Puzzle Sharing Mechanic

Một trong những tính năng nổi bật nhất được Marvy phát triển là khả năng chia sẻ mảnh ghép giữa người chơi với nhau.

Thông qua giao diện chia sẻ tích hợp ngay trong Mini App, người dùng có thể:

• Gửi mảnh ghép dư cho bạn bè.
• Nhận mảnh ghép còn thiếu từ cộng đồng.
• Hỗ trợ nhau hoàn thành bộ sưu tập nhanh hơn.

Tính năng này không chỉ giúp gia tăng tỷ lệ hoàn thành bộ sưu tập mà còn tạo ra hiệu ứng lan truyền tự nhiên, khuyến khích người dùng mời thêm bạn bè tham gia chương trình.

Hệ thống Voucher Rewards

Bên cạnh các giải thưởng lớn, Marvy còn xây dựng hệ thống voucher tức thì nhằm đảm bảo mọi người chơi đều nhận được giá trị sau mỗi lần tương tác.

Các voucher bao gồm:

• Giảm 5.000 VNĐ
• Giảm 7.000 VNĐ
• Giảm 10.000 VNĐ
• Free Topping
• Voucher ưu đãi theo từng khu vực

Voucher được tự động phát ngay khi người chơi mở túi mù và có thể sử dụng cho các đơn hàng tiếp theo.

Điều này giúp tạo thành vòng lặp:

Mua hàng → Chơi game → Nhận voucher → Tiếp tục mua hàng

Từ đó gia tăng hiệu quả kinh doanh và tỷ lệ quay lại của khách hàng.

Săn Giải Thưởng Lớn Từ Bộ Sưu Tập Hoàn Chỉnh

Điểm hấp dẫn nhất của chiến dịch nằm ở cơ chế đổi thưởng theo bộ sưu tập.

Khi người chơi thu thập đủ các mảnh ghép thuộc cùng một nhóm, họ sẽ được nhận 1 trong các giải thưởng giá trị tương ứng như:

Giải Thức Uống Thật

• iPhone 17 Pro

Giải Hương Vị Trọn Vẹn

• Apple Watch Series 11

Giải Thương Hiệu Vững Bền

• Ghế Massage Kingsport

Trải nghiệm Zalo Mini App được tối ưu bởi Marvy

Không chỉ dừng lại ở việc phát triển gameplay, Marvy còn tập trung tối ưu toàn bộ hành trình người dùng trên Zalo Mini App.

Flow tham gia đơn giản

Người dùng chỉ cần:

• Truy cập Mini App.
• Đăng ký thông tin.
• Mua đồ uống.
• Nhận lượt chơi.
• Mở túi mù.
• Thu thập mảnh ghép.
• Đổi thưởng hoặc nhận voucher.

Toàn bộ trải nghiệm được thiết kế để người dùng có thể tham gia chỉ trong vài thao tác.

Hệ Thống CMS Quản Lý Dữ Liệu Real-time

Marvy phát triển hệ thống CMS riêng cho chiến dịch nhằm hỗ trợ:

• Quản lý dữ liệu người chơi.
• Theo dõi lượt tham gia.
• Theo dõi phát thưởng.
• Kiểm soát kho voucher.
• Tracking mảnh ghép phát ra.
• Quản lý tỷ lệ trúng thưởng.
• Theo dõi hiệu quả chiến dịch theo thời gian thực.

Nhờ đó đội ngũ vận hành có thể kiểm soát toàn bộ chương trình một cách linh hoạt và minh bạch.

Kết quả mang lại

Thông qua chiến dịch "Mảnh Ghép May Mắn", Marvy đã góp phần giúp Hồng Trà Ngô Gia xây dựng một sân chơi tương tác quy mô lớn ngay trên nền tảng Zalo Mini App.

Kết quả nổi bật

• 187,000+ lượt chơi được ghi nhận trong suốt chiến dịch.
• 14,100+ người dùng tham gia.
• 48,000+ mảnh ghép được phát hành.
• 7,800+ vouchers được trao đến khách hàng.
• Hàng nghìn lượt tương tác chia sẻ mảnh ghép giữa người chơi.
• Gia tăng mạnh mẽ hành vi đặt hàng trực tuyến và sử dụng Mini App.
• Thúc đẩy tỷ lệ quay lại mua hàng thông qua cơ chế sưu tầm và đổi thưởng.

Kết luận

Không chỉ là một minigame khuyến mãi, "Mảnh Ghép May Mắn" là minh chứng cho cách gamification có thể biến hành vi mua hàng hằng ngày thành một trải nghiệm giải trí hấpdẫn và có khả năng giữ chân khách hàng lâu dài.

Từ concept game, UI/UX, thiết kế đồ họa, phát triển Zalo Mini App, backend cho đến hệ thống CMS vận hành, Marvy đã đồng hành cùng Hồng Trà Ngô Gia để tạo nên một chiến dịch tương tác số hoàn chỉnh — nơi mỗi ly trà không chỉ mang lại hương vị yêu thích mà còn mở ra cơ hội săn thưởng, kết nối cộng đồng và gia tăng giá trị cho khách hàng ở mọi điểm chạm.