HANDY HẢO HẢO: ĐƯỜNG ĐUA NỖ LỰC – CÚP HẢO TRAO TAY: CÁ NHÂN HÓA TRẢI NGHIỆM GAME CÙNG SOOBIN

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

Nhân dịp kỷ niệm 10 năm Mì ly Handy Hảo Hảo, Acecook triển khai chương trình “Đường Đua Nỗ Lực - Cúp Hảo Trao Tay - Mừng Nỗ Lực Mỗi Ngày”, mang đến một hành trình AR gamification nơi người dùng có thể tham gia chơi game, tích lũy Cúp Hảo và cạnh tranh trên bảng xếp hạng để có cơ hội nhận những phần quà giá trị.

Thay vì chỉ sử dụng QR Code trên sản phẩm để dẫn người dùng đến thông tin chương trình, Hảo Hảo biến mỗi lần mua sản phẩm thành một cơ hội tham gia mobile game.

Đồng hành cùng Acecook, Marvy đảm nhiệm thiết kế giao diện Mobile Game, phát triển gameplay và xây dựng hệ thống CMS phục vụ quản lý người chơi, điểm số, bảng xếp hạng và phần thưởng.

Với hình ảnh ca sĩ SOOBIN làm nhân vật trung tâm, toàn bộ trải nghiệm được xây dựng theo phong cách trẻ trung, năng động với gam màu hồng nổi bật, kết hợp các visual đặc trưng của Hảo Hảo để tạo nên một đường đua gamification giàu tính giải trí.

UI/UX Design – Nổi bật với Gam màu Hồng & Visual SOOBIN

Marvy thiết kế toàn bộ giao diện Mobile Game theo phong cách casual game, kết hợp hình ảnh SOOBIN, sản phẩm Handy Hảo Hảo và hệ thống visual trẻ trung, nổi bật.

Màu hồng được sử dụng xuyên suốt giao diện, tạo cảm giác năng động và đồng nhất với key visual của chương trình.

Mobile-first Experience

Toàn bộ game được thiết kế dành cho trải nghiệm trên smartphone, với:

• Layout dọc phù hợp màn hình mobile.

• Các nút CTA lớn, dễ thao tác.

• Flow ngắn và rõ ràng.

• Hình ảnh nhân vật trực quan.

• Hướng dẫn gameplay ngay trước khi bắt đầu chơi.

Người dùng có thể nhanh chóng đi từ bước đăng ký đến gameplay mà không cần trải qua quá nhiều thao tác

Character Customization – Tạo nhân vật mang dấu ấn riêng

Trước khi bước vào đường đua, người chơi có thể thiết lập nhân vật dựa trên hai yếu tố:

Lựa chọn ly mì yêu thích

Người chơi lựa chọn một trong các dòng sản phẩm Hảo Hảo được tích hợp trong game.

Lựa chọn này quyết định trang phục của nhân vật, với màu sắc và thiết kế được lấy cảm hứng từ bao bì của ly mì tương ứng.

Lựa chọn giới tính

Sau khi lựa chọn được loại mì, người chơi sẽ cần phải lựa chọn Nam hoặc Nữ, từ đó hệ thống xác định base body và vóc dáng nhân vật và trang phục cho phù hợp. Tùy vào hương vị mì mà trang phục và bối cảnh chơi của nhân vật được chọn sẽ trở nên khác nhau.

Bối cảnh sân bóng đá - Mì Ly Hảo hảo Tôm Chua Cay 67g

Bối cảnh văn phòng - Mì Ly Tomyum 67g

Bối cảnh nhà bếp - Mì Ly Nấm Chay 67g

Bối cảnh đường phố - Mì Ly Tôm Chua Cay Mini 47g

Bối cảnh thư viện - Mì Ly Bò Sa Tế Mini 47g

Crop Face & Dynamic Face Emotions – Đưa gương mặt và phản ứng người chơi vào game

Sau khi thiết lập nhân vật, người chơi có thể lựa chọn Tùy chỉnh nhân vật để đưa hình ảnh của mình vào game.

Hệ thống hướng dẫn người dùng chụp selfie trong khung oval và lần lượt ghi nhận 3 trạng thái cảm xúc:

Normal → Happy → Sad

😐 Normal
Nhân vật giữ biểu cảm bình thường khi đang di chuyển và chưa có tương tác đặc biệt.

😄 Happy
Khi hứng đúng topping hoặc ghi điểm, nhân vật chuyển sang biểu cảm vui.

☹️ Sad
Khi hứng sai, bỏ lỡ nguyên liệu hoặc bị trừ điểm, nhân vật chuyển sang biểu cảm buồn.

Cơ chế này tạo cảm giác nhân vật “phản ứng” với người chơi theo thời gian thực, khiến trải nghiệm cá nhân hóa trở nên trực quan, vui nhộn và có tính tương tác cao hơn.

Sau khi chụp, công nghệ Crop Face xử lý khuôn mặt và tích hợp vào body nhân vật 2D.

Người chơi có thể xem preview từng biểu cảm trước khi xác nhận và có thể chụp lại riêng từng biểu cảm nếu chưa hài lòng.

Xử lý hình ảnh & Error Handling

Để đảm bảo chất lượng đầu vào, hệ thống kiểm tra hình ảnh trong quá trình chụp.

Nếu ảnh bị mờ, thiếu góc mặt, ánh sáng không phù hợp hoặc hệ thống không phát hiện được khuôn mặt, người dùng sẽ nhận thông báo và được hướng dẫn chụp lại trước khi tiếp tục.

Gameplay – Hứng topping, tích lũy điểm

Sau khi hoàn tất nhân vật, người chơi bước vào Đường Đua Nỗ Lực.

Nhiệm vụ chính là điều khiển nhân vật di chuyển sang trái/phải để hứng các nguyên liệu và topping rơi xuống từ phía trên màn hình.

Người chơi cần:

• Hứng đúng các nguyên liệu để ghi điểm.

• Né các nguyên liệu không thuộc công thức hoặc vật cản.

• Theo dõi điểm số được cập nhật real-time.

• Hoàn thành lượt chơi trong thời gian quy định.

Gameplay được thiết kế với cơ chế đơn giản để người dùng có thể hiểu cách chơi ngay từ lần đầu tiên nhưng vẫn tạo động lực để thử lại và cải thiện thành tích.

Reward System – Biến thành tích thành phần thưởng

Sau khi hoàn thành gameplay, hệ thống tự động tổng hợp điểm số và trả về kết quả.

Với trường hợp đạt đủ điều kiện thắng, người chơi được hiển thị:

• Tổng điểm đạt được.

• Nhân vật Soobin với biểu cảm vui mừng.

• Cúp/quà mừng chiến thắng.

• Phần thưởng tương ứng, như voucher hoặc mã quà tặng.

• CTA [NHẬN QUÀ], [CHIA SẺ] và [CHECK BẢNG XẾP HẠNG].

Cơ chế này tạo nên vòng lặp rõ ràng:

Play → Score → Result → Reward → Share / Check Ranking

User Flow – Từ ly mì đến nhân vật mang chính gương mặt người chơi

B1. Bắt đầu 

Người dùng truy cập game và nhìn thấy màn hình Intro với visual chương trình, nhân vật đại diện và nút [BẮT ĐẦU].

B2. Lựa chọn & tùy chỉnh nhân vật 

Hệ thống hướng dẫn người chơi chụp 3 biểu cảm Normal, Happy và Sad. Hệ thống lưu lại hình ảnh và apply filter tương ứng với từng biểu cảm khuôn mặt. Ngoài ra, người chơi có thể chọn template nhân vật có sẵn, với thiết kế trang phục, background và body Nam/Nữ tương ứng theo ly mì và giới tính đã chọn. 

[ADD GIF]

B3. Gameplay 

Người chơi điều khiển nhân vật sang trái/phải để hứng topping và né những topping không nằm trong yêu cầu cần được thu thập,. Điểm số được cập nhật real-time, biểu cảm nhân vật thay đổi theo kết quả tương tác.

[ADD GIF]

B4. Kết quả & nhận thưởng

Hệ thống tổng hợp và hiển thị điểm số sau lượt chơi. Người chơi đủ điều kiện có thể đăng kí tham gia nhận thưởng, chia sẻ kết quả và kiểm tra bảng xếp hạng.

USERFLOW

CMS – Hệ thống quản lý dữ liệu & vận hành

Song song với Mobile Game, Marvy cần phát triển hệ thống CMS nhằm hỗ trợ đội ngũ vận hành theo dõi dữ liệu xuyên suốt chương trình.

CMS tập trung quản lý các dữ liệu quan trọng như:

• Thông tin người tham gia.

• Mã Code.

• Lịch sử lượt chơi.

• Điểm số.

• Thành tích người chơi.

• Bảng xếp hạng.

• Dữ liệu phần thưởng.

• Trạng thái nhận thưởng.

Hệ thống giúp đội ngũ vận hành có thể theo dõi và quản lý campaign từ một nền tảng tập trung.

Kết luận

“Cúp Hảo Trao Tay” không chỉ là một mobile game thu thập topping mà là một trải nghiệm gamification được cá nhân hóa từ chính người chơi.

Từ việc lựa chọn ly mì, giới tính nhân vật và tự tạo avatar, mỗi người chơi có thể tạo ra một phiên bản nhân vật riêng và trực tiếp đồng hành cùng nhân vật đó trên đường đua.

Sự kết hợp giữa Personalized Character, Interactive Gameplay, Leaderboard và Reward System mang đến một hành trình trải nghiệm liền mạch, đồng thời tạo thêm động lực để người chơi tiếp tục tham gia, tích lũy điểm số và chinh phục những phần thưởng hấp dẫn.

Dự án là một ví dụ cho thấy sức mạnh của Gamification Marketing và Interactive Mobile Game trong việc biến hoạt động tương tác thương hiệu thành một trải nghiệm giải trí có tính cá nhân hóa và khả năng kết nối người dùng với sản phẩm.

Marvy tự tin cung cấp hệ sinh thái AR, VR & Game đa dạng và độc đáo, với đội ngũ giàu kinh nghiệm trong việc phát triển các giải pháp công nghệ tương tác cho thương hiệu.

Nếu bạn đang tìm kiếm một gamified experience được thiết kế riêng cho chiến dịch, từ ý tưởng, UI/UX, game development đến hệ thống vận hành, liên hệ Marvy để cùng tạo nên trải nghiệm khác biệt cho thương hiệu.