VIB-Chiếc thẻ biết nói đầu tiên tại VN

Nhân vật ảo trong marketing là một giải pháp thay thế hiệu quả so với người thật, dễ thay đổi tạo hình để phù hợp với chiến dịch thương hiệu. VIB xây dựng Vie với mong muốn rút ngắn khoảng cách người dùng với ngân hàng. Chuyên gia ảo truyền tải thông tin về dịch vụ ngân hàng theo cách khác biệt, dễ tiếp cận

Idea & Concept

VIB đã thực hiện chiến dịch làm mới tính năng và diện mạo bộ thẻ tín dụng Mastercard nhằm liên tục tối ưu lợi ích cho nhu cầu chi tiêu thực tế của chủ thẻ. Ở lần làm mới này, VIB đặc biệt sử dụng công nghệ AR thực tế ảo tăng cường. Thông qua camera điện thoại, chuyên gia tài chính ảo Vie sẵn sàng xuất hiện bất cứ lúc nào khách hàng yêu cầu, để tư vấn, hướng dẫn trực tiếp về việc dùng thẻ và ưu đãi thẻ cập nhật theo cách trực quan và thú vị nhất. 

Với lần kết hợp cùng với nhà Marvy, VIB đã đưa Vie đến gần hơn với từng chủ thẻ bằng chế độ hiển thị nhân vật hoạt hình 3D trong môi trường AR, VIB đã dẫn đầu trong việc giới thiệu công nghệ “thẻ biết nói” đến người dùng Việt, mang lại trải nghiệm thú vị chưa từng có cho chủ thẻ.

Hãy cùng Marvy khám phá xem cô nàng  Vie quyền năng như thế nào nhé!

Visual Concept

UX/UI Design

Trải nghiệm AR được tích hợp trong 9 loại thẻ của VIB nên đối tượng người dùng không bị giới hạn về tệp khách hàng, chỉ cần là chủ thẻ của VIB, sẽ hoàn toàn được trải nghiệm công nghệ này. 

Marvy đảm bảo tính chính xác và sự nhất quán trong nội dung và đảm bảo được tính thu hút của hình ảnh. Nội dung được dẫn dắt bởi giọng đọc nhẹ nhàng, đảm bảo người dùng có thể tập trung sự chú ý nhiều hơn vào phần AR.

UI Design (User Interface: Giao diện người dùng)

• Ưu tiên giao diện đứng quen thuộc với người dùng smartphone.
• Hình ảnh nhân vật  được thiết kế tỉ mỉ với màu sắc chủ đạo của VIB là Xanh và Cam. 
• Tập trung phát triển hình ảnh, thông tin về các loại hình dịch vụ giúp người dùng dễ thao tác, nắm bắt thông tin và trải nghiệm AR.

UX Design (User Experience: Trải nghiệm người dùng)

• Người dùng chỉ cần quét mã QR được tích hợp phía sau thẻ VIB và chọn trải nghiệm AR để bắt đầu
• Không cần nhập thông tin để bắt đầu trải nghiệm.
• Gặp gỡ VIE-chuyên gia tài chính ảo
• Tìm hiểu thêm các thông tin về dịch vụ của VIB như: kích hoạt thẻ, các ưu đãi khi sử dụng thẻ, thanh toán thẻ,...
• Nút chuyển tiếp định hướng người dùng trải nghiệm đầy đủ kết hợp với nhạc nền hiện đại được lập trình phát xuyên suốt trải nghiệm. 
• Nút chuyển hướng đến các cách thức kích hoạt thẻ: Tải ứng dụng VIB, gọi điện thoại, nhắn tin đến số tổng đài VIB.

3D Modelling

Nhân vật đại diện - Vie

Đội ngũ Marvy đã thiết kế dựa trên hình mẫu của VIE để tạo dựng model 3D giống với hình mẫu nhất, tạo ra những chuyển động cơ thể sao cho nhân vật VIE giống như là 1 trợ lý thật sự. Từ những động tác di chuyển tay, đến những chuyển động của khuôn miệng nhân vật. Mọi thiết kế đều được đội ngũ nhà Marvy khéo léo thực hiện để mang lại trải nghiệm chân thật và hoàn thiện nhất cho khách hàng.

Các bước thiết kế model 3D của VIE

Để tạo ra model VIE tưởng như không thật mà nhìn thật hơn tưởng. Các designer của Marvy đã tối ưu một cách chuyên nghiệp nhằm đảm bảo hiệu năng khi sử dụng trong các ứng dụng realtime, nơi đòi hỏi sự giảm thiểu của yếu tố dung lượng. 

Model được dựng hình chỉ với 500-1000 polygons / 1 model, mang đến visual đẹp, tròn trịa, nhưng vẫn đảm bảo được hiệu năng cho người chơi trên điện thoại. Bước này rất quan trọng vì bất kỳ sai sót nhỏ nào trong quá trình pre-production cũng có thể ảnh hưởng lớn đến hiệu năng của sản phẩm

Lập trình Web AR

• Sử dụng nghệ AR World - AR Space, công nghệ hiển thị nội dung ảo trên mặt phằng kết hợp không gian thật sống động. Với công nghệ này, người dùng chỉ cần nhận diện mặt phẳng để bắt đầu diễn hoạt bằng cách lia camera điện thoại về phía mặt phẳng.  Với công nghệ AR, sau khi xác định được vị trí diễn hoạt AR, người dùng có thể tùy ý di chuyển gần để xem cận cảnh các chi tiết của thiết kế ở nhiều góc độ

• Lập trình các hiệu ứng Particle lấp lánh, mang phong cách hiện đại, trẻ trung, đại diện cho kỉ nguyên số.
• Tính năng phóng to, thu nhỏ các model AR, phù hợp với kích thước, độ to nhỏ theo nhu cầu khách hàng. 
• Lập trình tối ưu chất lượng cho từng 3D Model, đảm bảo khi khách hàng trải nghiệm  AR sẽ đáp ứng được yêu cầu về hình ảnh, màu sắc, không gian.

Lập trình trải nghiệm trong AR

1. Cung cấp quyền truy cập

Sau khi truy cập vào webAR, người dùng sẽ được yêu cầu cấp quyền truy cập của camera điện thoại

< hình cấp quyền truy cập> 

2. Scan mặt phẳng

Sau khi được cấp phép truy cập camera, tuỳ vào loại thẻ mà khách hàng sử dụng, ở trên màn hình sẽ hiện ra hình ảnh chiếc thẻ ảo cùng loại với thẻ chính. Người dùng sẽ được hướng dẫn scan một vị trí mặt phẳng để cố định đặt model AR

3. Gặp VIE

Người dùng chọn được vị trí phù hợp, ấn vào nút “ Gặp VIE” để bắt đầu hành trình trải nghiệm cùng cô trợ lý thông minh. 

• Xuất hiện logo VIB: 

Logo VIB hiện lên trong vòng 15s,  với những hiệu ứng Particle lấp lánh, hiện đại, với tông màu xanh chủ đạo của VIB, người dùng có thể phóng to, thu nhỏ các hình ảnh 3D này sao cho phù hợp với kích thích mong muốn của mình. 

• VIE xuất hiện: 

Sau logo của VIB, cô nàng VIE hiện đại sẽ dần dần xuất hiện và giới thiệu về bản thân. Người dùng có thể tương tác với VIE ở các góc khác nhau: phóng to thu nhỏ nhân vật, xoay nhân vật 360 độ.

Bên cạnh đó, các logo giới thiệu về dịch vụ của VIB sẽ lần lượt được hiện ra khớp với lời giới thiệu của  VIE.

4. Giới thiệu các dịch vụ của VIB 

Bấm vào “Bắt đầu”, nhân vật VIE sẽ biến mất. Tuy nhiên sẽ có các bảng popup thông tin, dịch vụ mà VIB đang cung cấp cùng giọng nói của VIE.

Các dịch vụ của VIB bao gồm: Hướng dẫn kích hoạt thẻ; Các ưu đãi sử dụng thẻ; giới thiệu các đối tác của VIB; hướng dẫn thanh toán thẻ. 

5. Liên kết dẫn đến ứng dụng VIB

Sau khi đã xem hết toàn bộ trải nghiệm AR, người dùng sẽ được điều hướng đến 3 nền tảng dịch vụ của VIB: ứng dụng VIB, hotline, soạn tin nhắn tới VIB để được tư vấn và hỗ trợ. 

Lập trình hệ thống CMS

Hệ thống CMS dành cho phía quản lý của VIB, cho phép phía quản lý có thể thay đổi các tính năng trong webAR như: 

• Các thông số thống kê: số lượt người trải nghiệm AR, số lượt xem hết AR, số lượt người tải App VIB sau khi xem AR,...
• Thay thế các file hình ảnh, icon 3D, nhạc nền. 
• Thay đổi màu chữ, kiểu chữ

Công nghệ và sáng tạo là cầu nối ngắn nhất đến GenZ

VIE là nhân vật tài chính ảo đầu tiên của VIB tại Việt Nam, cũng là nhân vật đại diện cho giới trẻ ngày nay.  VIE đã khéo léo đại diện VIB kể câu chuyện tài chính một cách thật sáng tạo, để biến các câu chuyện này trở nên thú vị và gần gũi hơn với người dùng trẻ.

Bằng cách áp dụng các chiến dịch marketing sử dụng công nghệ hiện đại, đặc biệt là công nghệ AR, doanh nghiệp có thể tạo ra những bước tiến mới lạ và tiến xa trong việc tiếp cận với tệp khách hàng trẻ tuổi này. Với tốc độ phát triển của công nghệ hiện nay, sự kết hợp giữa công nghệ và sáng tạo sẽ mở ra những cánh cửa mới và mang lại những cơ hội tuyệt vời cho doanh nghiệp. Nếu bạn đang tìm kiếm một cách để tiếp cận với thế hệ GenZ, hãy nghĩ đến việc sử dụng công nghệ AR và các công nghệ khác để tạo ra những chiến dịch marketing đầy sáng tạo và tiên tiến.