Kể chuyện theo cuộn
Góc nhìn thay đổi theo hành trình. Cảnh mở đầu chuyển sang bộ lịch, rồi dẫn người xem qua ba miền theo chiều ngang.
TOANKHONTECH / DỰ ÁN CONCEPT / 2026
Thiết kế website 3D
để câu chuyện
trở nên sống động.
Khai sắc Việt — NovanBank là concept landing page Tết 2027 do ToanKhonTech sáng tạo và phát triển. Một bộ lịch trở thành hành trình qua ba miền, nơi mỗi lần cuộn, chạm và xoay đều mở ra một điều mới.
Khám phá Khai sắc Việt
- Đơn vị thực hiện
- ToanKhonTech
- Phạm vi
- Ý tưởng · UI/UX · 3D · Lập trình
- Trải nghiệm
- Desktop & mobile
- Hình thức
- Concept tương tác
01 / Ý TƯỞNG
Tinh thần Việt.
Một cách kể mới.
Thay vì dừng lại ở hình một bộ lịch, chúng tôi xây dựng một thế giới có thể khám phá. Sắc xanh ngọc lấy cảm hứng từ thiên nhiên, kết hợp bề mặt sơn mài và những đường viền vàng. Núi nước miền Bắc, phố đèn lồng miền Trung và thuyền hoa miền Nam trở thành ba chương của cùng một câu chuyện.
Thiết kế giữ khoảng thở cho chữ và đưa các chi tiết văn hóa vào không gian 3D. Người xem có thể đi chậm, đổi góc nhìn và tự tìm một khoảnh khắc muốn lưu lại.
02 / TƯƠNG TÁC
Mỗi thao tác.
Một lời đáp.
Tiểu cảnh có sự sống
Kéo để xoay. Chạm để chào nhân vật, gọi thuyền hoặc nghe sáo. Các mô hình chuyển động được dựng bằng Three.js.
Âm thanh có chủ đích
Nhạc nền dịu xuống khi tiếng sáo cất lên; động tác của nhân vật theo thời gian phát. Người xem luôn có nút tắt âm thanh.
Điều muốn mang về
Danh sách 52 địa điểm mẫu có tìm kiếm, bộ lọc theo miền và liên kết riêng; thiệp lời chúc được tạo ngay trên thiết bị.
03 / CÁCH THỰC HIỆN
Ấn tượng từ hình ảnh.
Chỉn chu từ nền tảng.
ToanKhonTech phát triển hướng hình ảnh trước khi dựng các tiểu cảnh trong Blender. Mô hình được tối ưu cho web và đưa vào Three.js để đáp lại thao tác trực tiếp, thay cho một video phát lặp.
Những cảnh chưa cần đến được tải theo hành trình. Nội dung chính có sẵn trong HTML, trang giới thiệu này không cần tải mô hình 3D. Bố cục được điều chỉnh cho màn hình nhỏ và có chế độ giảm chuyển động theo thiết lập của thiết bị.
Hình ảnh và địa điểm trong concept mang tính minh họa nghệ thuật. Đây không phải website của một ngân hàng đang hoạt động, cũng không phải dự án khách hàng hay giải thưởng được công bố.
TỪ CÂU CHUYỆN CỦA BẠN
Một thương hiệu riêng.
Một trải nghiệm riêng.
Bạn đang chuẩn bị một chiến dịch, ra mắt sản phẩm hay làm mới hình ảnh thương hiệu? ToanKhonTech có thể cùng bạn phát triển website 3D, trải nghiệm tương tác hoặc landing page cao cấp, với mức độ chuyển động phù hợp nội dung và thiết bị của người xem.