Khai sắc Việt.Khi một trang lịch
mở ra thế giới 3D.

Một trang lịch có thể dẫn người nhận quà đến đâu? Câu hỏi đó là điểm khởi đầu. Mở một trang lịch, ghé một miền đất, tìm một câu chuyện rồi gửi một lời chúc: những hành động quen thuộc tạo nên cấu trúc của website.

Hành trình bắt đầu bằng một tiểu cảnh, đi qua các miền và dẫn đến danh sách 52 địa điểm mẫu. Người xem có thể khám phá theo thứ tự hoặc tìm ngay nơi mình quan tâm. Nhờ vậy, phần hình ảnh có một câu chuyện để dẫn dắt, còn phần nội dung có một nơi để người xem quay lại.

Xanh ngọc, nền trầm và nét vàng tạo nên ngôn ngữ thị giác xuyên suốt. Cổng tròn mở ra non nước; phố cổ có đèn lồng bên sông; miền Nam mang nhịp sống của thuyền và mặt nước. Chúng tôi muốn giữ cảm giác của một tác phẩm thủ công trong một không gian có thể tương tác.

ToanKhonTech phát triển hình ảnh ý tưởng trước để thống nhất bố cục, vật liệu và ánh sáng. Những lựa chọn đó trở thành cơ sở dựng mô hình với Blender và đưa cảnh vật lên trình duyệt bằng Three.js. Đây là diễn giải sáng tạo về cảnh sắc Việt Nam, không phải ảnh tư liệu hay bản quét địa danh.

Một bản ý tưởng đẹp chỉ là điểm bắt đầu. Khi người xem đổi góc nhìn, hình khối, ánh sáng và bố cục vẫn phải giữ được tinh thần ban đầu. Đó là phần công việc nằm giữa mỹ thuật và kỹ thuật.

Các tiểu cảnh được dựng và cập nhật trong trình duyệt. Người xem có thể kéo để đổi góc nhìn, chạm mặt nước tạo gợn, gọi thuyền hoặc chào người qua cầu. Tương tác giúp họ nhận ra mình đang có mặt trong cảnh.

Với nhân vật thổi sáo, chuyển động gắn với đoạn sáo đang phát. Nhạc nền hạ còn 25% mức nền thông thường trong lúc tiếng sáo cất lên, rồi trở về khi đoạn sáo kết thúc. Website có nút bật, tắt âm thanh; việc bắt đầu phát tuân theo quyền cho phép của trình duyệt và có thể cần một thao tác từ người xem.

Chuyển động cuộn cũng góp phần kể chuyện. Những chương Bắc, Trung, Nam lần lượt mở ra theo hành trình. Điều hướng theo chương cho phép người xem chọn nơi dừng chân và tự quyết định nhịp khám phá.

Sau phần khám phá, danh sách địa điểm vẫn có tìm kiếm và bộ lọc theo miền. Người xem có thể mở thông tin địa điểm, xem mã QR mẫu hoặc tạo thiệp lời chúc trên thiết bị. Những phần này giúp một trải nghiệm thị giác dẫn tới hành động cụ thể.

Hiệu ứng cũng cần có giới hạn phù hợp với thiết bị. Website có chế độ đọc theo chiều dọc khi giảm chuyển động và ảnh dự phòng khi không tải được cảnh 3D. Những lựa chọn đó phải được kiểm tra cùng nội dung, điều hướng và tốc độ phản hồi trên điện thoại.

Chúng tôi chưa công bố số liệu chuyển đổi của dự án này. Với một chiến dịch thực tế, hiệu suất trên thiết bị của người dùng và số lượt hoàn thành hành động mục tiêu cần được đo sau khi ra mắt.

Cách kể chuyện này đáng cân nhắc khi thương hiệu có một sản phẩm, không gian hoặc câu chuyện cần người xem khám phá: một chiến dịch theo mùa, bộ sưu tập mới, hành trình văn hóa hoặc buổi ra mắt có bản sắc riêng.

Trước khi chọn hiệu ứng, chúng tôi cần làm rõ bốn điều:

• Ai sẽ truy cập và họ thường dùng thiết bị nào?
• Chi tiết nào trong câu chuyện đủ hấp dẫn để họ muốn khám phá?
• Sau trải nghiệm, họ cần xem sản phẩm, đăng ký, đặt lịch hay liên hệ?
• Ai chuẩn bị nội dung và vận hành website sau ngày ra mắt?

Câu trả lời quyết định phạm vi: mức độ 3D, cách điều hướng, nội dung, hệ quản trị và các tích hợp cần thiết. Một hành trình dễ hiểu giúp người xem dành sự chú ý cho thương hiệu.

Khai sắc Việt cho thấy một hướng làm website: bắt đầu từ câu chuyện, xây dựng mỹ thuật riêng và cho người xem một cách khám phá có ý nghĩa. Bạn có thể xem hình ảnh cùng phạm vi dự án NovanBank hoặc tìm hiểu dịch vụ thiết kế và phát triển website của ToanKhonTech.

Nếu đang chuẩn bị một landing page cao cấp hoặc website 3D cho thương hiệu, hãy gửi mục tiêu, thời điểm dự kiến ra mắt và tài liệu hiện có. Chúng tôi sẽ trao đổi về hướng thể hiện, phạm vi và cách kiểm chứng trải nghiệm.

Trao đổi về website 3D của bạn.