Binggrae AR Photobooth – Trải nghiệm chụp hình tương tác cùng 6 sản phẩm Binggrae

Lời Mở Đầu

Binggrae mang đến trải nghiệm chụp hình thú vị tại sự kiện với AR Photobooth tương tác, nơi người dùng có thể lựa chọn và trải nghiệm 6 AR Filter lấy cảm hứng từ các sản phẩm quen thuộc của thương hiệu.

Kết hợp giữa AR Face Tracking, AR Body Tracking, 3D Animation và Gesture Detection, Marvy phát triển một trải nghiệm cho phép người dùng tương tác trực tiếp với các vật thể AR, tạo dáng và tự động chụp lại khoảnh khắc của mình.

Đặc biệt, toàn bộ trải nghiệm được phát triển dưới dạng ứng dụng offline và cài đặt trực tiếp trên photobooth màn hình cảm ứng, phù hợp với môi trường sự kiện và đảm bảo user flow được vận hành xuyên suốt từ lúc bắt đầu đến khi nhận ảnh.

Scope of Work

• AR Development

• 3D Asset Design & Animation

• AR Face & Body Tracking

• Interactive Photobooth Application

• UI/UX Integration

• Photo Capture & QR Code

Idea & Concept

6 sản phẩm Binggrae – 6 trải nghiệm AR đáng yêu

Thay vì chỉ đưa hình ảnh sản phẩm vào khung hình, Marvy chuyển hóa đặc trưng của từng sản phẩm Binggrae thành những AR elements vui nhộn và dễ tương tác.

Người dùng có thể lựa chọn 1 trong 6 filter tương ứng với 6 sản phẩm:

• Sữa chuối Binggrae

• Sữa dâu

• Sữa dưa lưới

• Kem dưa lưới

• Kem soda

• Kem cá Binggrae

Mỗi filter được xây dựng với visual riêng, kết hợp các chi tiết như mũ, kính, áo và các vật thể 3D chuyển động xung quanh người dùng.

Các asset không chỉ xuất hiện cố định trên màn hình mà còn được thiết kế với những chuyển động như bay, xoay, lắc và di chuyển theo kịch bản, tạo cảm giác người dùng thực sự đang bước vào một không gian AR riêng của từng sản phẩm.

UX/UI

Trải nghiệm được thiết kế theo hướng đơn giản, trực quan và dễ thao tác, để người dùng có thể tự hoàn thành toàn bộ quá trình ngay tại photobooth.

User Experience

Bước 1 – Start

Người dùng chạm vào màn hình và chọn Bắt đầu.

Bước 2 – Choose Your Filter

6 icon đại diện cho 6 sản phẩm Binggrae xuất hiện trên màn hình. Người dùng lựa chọn filter mình yêu thích.

Bước 3 – AR Experience

Sau khi lựa chọn, hệ thống kích hoạt filter tương ứng. Các asset AR xuất hiện xung quanh người dùng và chuyển động theo kịch bản.

Bước 4 – Pose & Capture

Người dùng tạo dáng và thực hiện hành động theo hướng dẫn. Hệ thống nhận diện chuyển động và tự động kích hoạt thao tác chụp hình.

Bước 5 – Preview

Hình ảnh vừa chụp được hiển thị để người dùng xem trước.

Bước 6 – Retake or Confirm

Người dùng có thể lựa chọn chụp lại hoặc xác nhận hình ảnh.

Bước 7 – Scan & Download

Hình ảnh được tải lên server và hệ thống tạo QR Code để người dùng scan và tải ảnh trực tiếp về điện thoại.

AR Photobooth Development

Một trong những điểm nổi bật của dự án là toàn bộ AR experience được phát triển dưới dạng offline application, cài đặt trực tiếp trên thiết bị photobooth.

Điều này cho phép người dùng tương tác trực tiếp với AR thông qua màn hình cảm ứng và camera của booth, thay vì phải truy cập một nền tảng mạng xã hội hoặc tải ứng dụng riêng.

AR Face Tracking

Marvy sử dụng công nghệ AR Face Tracking để nhận diện khuôn mặt và xác định vị trí chính xác cho các phụ kiện AR như mũ, kính và các visual liên quan.

AR Body Tracking

Công nghệ AR Body Tracking được tích hợp để xác định vị trí cơ thể, từ đó hiển thị các layer áo 2D lên người dùng và đảm bảo các visual bám theo chuyển động.

Interactive AR Elements

Các asset AR được lập trình để xuất hiện và chuyển động xung quanh người dùng theo từng kịch bản. Điều này tạo ra trải nghiệm tương tác thay vì chỉ đơn thuần áp dụng một lớp filter cố định.

Gesture Detection

Hệ thống có khả năng nhận diện hành động của người dùng để kích hoạt thao tác chụp hình tự động, giúp trải nghiệm trở nên tự nhiên và hạn chế việc người dùng phải liên tục thao tác trên màn hình.

3D Asset Design & Animation

Để tạo nên 6 trải nghiệm khác nhau, Marvy thực hiện thiết kế và diễn hoạt hệ thống asset 3D tương ứng với từng dòng sản phẩm Binggrae.

Các asset được xây dựng theo concept của campaign, sau đó tối ưu cho môi trường AR và photobooth nhằm đảm bảo hiệu suất trong quá trình vận hành.

Các animation bao gồm:

• Asset bay xung quanh người dùng

• Xoay và lắc

• Di chuyển theo kịch bản

• Bám theo vị trí trên cơ thể

• Kết hợp với các element 2D do khách hàng cung cấp

Việc kết hợp giữa 3D asset, 2D graphic và real-time tracking giúp mỗi filter có visual riêng nhưng vẫn giữ được sự đồng nhất với nhận diện Binggrae.

Photo Capture & QR Sharing

Sau khi hoàn tất trải nghiệm, người dùng có thể xem lại hình ảnh và lựa chọn chụp lại nếu chưa hài lòng.

Khi xác nhận hình ảnh, hệ thống sẽ:

Capture → Upload to Server → Generate QR Code → Scan & Download

Hình ảnh được upload lên server và tạo QR Code tương ứng, giúp người dùng dễ dàng scan bằng điện thoại và lưu lại hình ảnh sau trải nghiệm.

Qua đó, khoảnh khắc tại photobooth không chỉ dừng lại ở trải nghiệm trực tiếp mà còn có thể được mang về và chia sẻ trên các nền tảng cá nhân.

In Conclusion

Với Binggrae AR Photobooth, Marvy kết hợp AR Tracking, 3D Animation, interactive technology và photobooth application để biến hoạt động chụp hình tại sự kiện thành một trải nghiệm tương tác thú vị.

Từ 6 sản phẩm Binggrae, Marvy phát triển thành 6 AR Filter với những visual và chuyển động riêng, cho phép người dùng lựa chọn, tương tác, tạo dáng và lưu lại khoảnh khắc của mình.

Không chỉ là một photobooth, đây là cách Binggrae đưa những sản phẩm quen thuộc vào một trải nghiệm AR vui nhộn và đáng nhớ.