Video background trong thiết kế web qua những ví dụ tuyệt vời

Thứ ba - 23/06/2015 10:06

Video đã được sử dụng trong thiết kế website chuyên nghiệp nhiều năm trở lại đây những chủ yếu vẫn phuc vụ mục đích truyền tải thông tin.

Video background trong thiết kế web qua những ví dụ tuyệt vời

Ngày nay, tiếp theo xu hướng sử dụng ảnh nền toàn trang, những video nền toàn trang đã xuất hiện ngày càng phổ biến, mang lại sự kết nối và cảm xúc sâu đậm cho người xem. Dưới đây là một số ví dụ cho thấy sự thành công của việc kết hợp giữa video nền đặc sắc và một thiết kế web hài hòa. 

iSeatz

iSeatz là một thiết kế trang web du lịch, cụ thể hơn thì nó là dịch vụ hỗ trợ du lịch. Nó sử dụng video về phong cảnh thành phố về đêm với những vệt ánh sáng ở tốc độ cao, ngay lập tức gây ấn tượng với người xem. 

iSeatz video background trong thiet ke web

Fundacion Oso de Asturias

Trang web thuộc sở hữu của Bear Foundation, một tổ chức của Áo hoạt động tại Tây Ban Nha. Video nền toàn trang thể hiện một chú gấu trong môi trường tự nhiên xung quanh.  

Fundacion Oso de Asturias video background trong thiet ke web

Genentech: Her2 Story

Website với thông điệp đấu tranh chống lại căn bệnh ung thư vú. Video nền đã thay lời muốn nói cho người thiết kế. 

Genentech Her2 Story video background trong thiet ke web

Trainer Rx

Website thuộc chủ đề y tế với video nền toàn trang có nội dung về một chàng trai trên biển và câu chuyện của anh ấy.

Trainer Rx video background trong thiet ke web

Electrolyse Fontenaysienne

Website này đến từ nước Pháp và là nhà phân phối của sản phẩm chrome, họ sử dụng video nền toàn trang để giới thiệu các công đoạn sản xuất của mình. 

Electrolyse Fontenaysienne video background trong thiet ke web

OuiSurf en Afrique

Một website nói về tour lướt sóng ở Châu Phi. Điểm nhấn lớn nhất của website này là video nền thể hiện trải nghiệm của tour này mang lại. 

OuiSurf en Afrique video background trong thiet ke web

Riad 11 Zitoune

Website quảng bá cho khách sạn Marrakech, một video nền toàn trang thể hiện khách sạn, thành phố cũng như văn hóa nơi đây. 

Riad 11 Zitoune video background trong thiet ke web

Volvo Cars

Phiên bản Hà Lan của website quảng bá Volvo sử dụng nền video với chuyển động nhanh.Nút bấm ảođặt trong các vòng tròn nhảy nhót.

Volvo Cars video background trong thiet ke web

MIKII

Công ty thiết kế website của Pháp này sử dụng video nền toàn chiều ngang ở dưới chữ màu đen trong suốt. 

MIKII video background trong thiet ke web

1701 Franciacorta

Website của Ý cho người xem thấy các công đoạn trồng, thu hoạch nho cho đến khi đóng thành chai rượu. Phần nền được phủ một lớp màn trong suốt với họa tiết đen khiến cho chữ ở phía trước nổi bật. 

1701 Franciacorta video background trong thiet ke web

Leon Lauschner

Bạn sẽ quảng bá cho nhà phân phối bóng đèn neon thế nào? Đây là video nền toàn trang mà người ta dùng trên website quảng bá. 

Neon Lauschner video background trong thiet ke web

Danner Vintage Boots

Một video nền toàn trang thể hiện một người đàn ông đang lái một chiếc mô tô cổ cùng với cảnh sản xuất những đôi bốt. 

Danner Vintage Boots video background trong thiet ke web

Travel Belize

Website quảng bá Belize như là một điểm du lịch lý tưởng. Landing page có vidoe nền toàn trang nút play ở chính giữa. Click vào đó để đến với video sau.

Travel Belize video background trong thiet ke web

Local Eyes Project

Dự án này tập trung vào việc xác nhận địa điểm của người dùng web. Người dùng của họ xác nhận vidoe hoặc hình ảnh thị trấn hoặc thành phố của họ. Trang web mở với video nền là một con đường núi.

Local Eyes Project video background trong thiet ke web

Thuis – We Get

Công ty này dùng video toàn trang về những chuyên gia thiết kế logo cho họ. 

Thuis - We Get video background trong thiet ke web

Fabrica

Đây thực sự là một ví dụ tốt khi nói về video trên website. Video nền toàn trang được chia thành bố cục dạng thẻ và thỉnh thoảng có một số thứ khác nhau xuất hiện ở mỗi thẻ trong khi những thẻ khác thì video vẫn đang chạy.

Fabrica video background trong thiet ke web

Parachute Montreal

Trường dạy nhảy dù này có trụ sở ở Montreal, họ sử dụng video nền toàn trang cho website và chắc chắn đó là cảnh mọi người nhảy dù. 

Parachute Montreal video background trong thiet ke web

Shumway Van Attorneys

Hãng luật tại Salt Lake City sử dụng video nền toàn trang là hình ảnh của các luật sư đang tư vấn cho khách hàng của mình trong các cuộc gặp hoặc tại văn phòng. Đó là một cách tốt để phá vỡ sự nhàm chán trong chủ đề và khiến website thú vị hơn. 

Shumway Van Attorneys video background trong thiet ke web

Coulee Creative

Hãng thiết kế sáng tạo này đã sử dụng video nền toàn trang với một nhóm người đang nhảy, tốc độ của video được điều chỉnh để tạo hiệu ứng.

Coulee Creative video background trong thiet ke web

Rodeo Drive

Website quả bá cho con phố mua sắm nổi danh Beverly Hills có tên là Rodeo Drive. Video clip cho chúng ta thấy những cửa hàng thời trang, khách sạn, cảnh quan trên phố...với khẩu hiệu thể hiện đẳng cấp của con phố này. 

Rodeo Drive video background trong thiet ke web
Để xây dựng và thiết kế website du lịch chuyên nghiệp cần có nhiều hình ảnh và thông tin phong phú cộng với việc tập hợp thông tin đầy đủ về các tour tuyến trong dịch vụ của bạn trước khi nghĩ đến việc xây dựng trang web, chúc bạn thành công.

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Solutions