Website cinematic: kể chuyện mà vẫn giữ tiêu điểm

Một dải đèn vừa bật, một bề mặt được ánh sáng lướt qua, một không gian chuyển từ ngày sang đêm. Những khoảnh khắc ngắn có thể tạo cảm xúc cho website, miễn là người xem hiểu thương hiệu đang muốn nói điều gì.

Chọn một khoảnh khắc mở đầu

Hero cần làm rõ ba điều: thương hiệu làm gì, trải nghiệm có gì đáng khám phá và khách có thể đi tiếp như thế nào. Hình ảnh điện ảnh hỗ trợ câu chuyện này. Một video đẹp nhưng không liên quan đến sản phẩm sẽ khiến người xem mất phương hướng.

Với một thương hiệu ô tô, ánh sáng có thể hé lộ đường nét thân xe. Với nội thất, chuyển động có thể đưa người xem từ toàn cảnh đến bề mặt vật liệu. Với khách sạn, một nhịp chuyển từ phòng nghỉ ra cảnh quan giúp mở đầu hành trình khám phá.

Cho chuyển động một lý do

Mỗi hiệu ứng cần giúp người xem nhận ra thay đổi. Một điểm chạm mở thêm thông tin; một chuyển cảnh dẫn đến câu chuyện tiếp theo; một thay đổi ánh sáng cho thấy sản phẩm ở bối cảnh khác.

Khi mọi thành phần đều di chuyển, ánh nhìn khó có nơi dừng. Có thể giữ typography, điều hướng và nút hành động ổn định, rồi dành chuyển động cho một tiêu điểm. Khoảng lặng giữa các cảnh cũng tạo nhịp cho website.

Video cần được chuẩn bị cho website

Một đoạn phim dùng trên màn hình lớn chưa chắc phù hợp với điện thoại. Cần cân nhắc khung hình, thời lượng, độ nén và ảnh đại diện. Video nên tải khi người dùng đến gần khu vực đó và dừng khi rời khỏi màn hình.

Với nội dung chỉ tạo không khí, phim có thể phát im lặng. Nếu âm thanh mang thông tin quan trọng, cần có điều khiển rõ ràng và nội dung thay thế phù hợp. Người xem luôn nên có cách tạm dừng chuyển động.

Tôn trọng lựa chọn giảm chuyển động

Một số người dùng bật tùy chọn giảm chuyển động trên thiết bị. Website có thể đọc lựa chọn này qua prefers-reduced-motion. Ảnh đại diện, nút phát chủ động và chuyển cảnh nhẹ giúp nội dung tiếp tục dễ sử dụng.

Thử các đoạn phim trong khu trải nghiệm RTS, hoặc xem giải pháp website cinematic để chọn một cách kể chuyện phù hợp với thương hiệu của bạn.