Discover the best video-page websites created by professional designers. Get inspired and start planning your perfect video-page web design today!

Welcome to our Video UI Cards Page!

We made different UI layouts for video display. You can find in this project hero sections, grids for video blogs, play buttons animation, and pop ups for your youtube channel. 


Follow us on instagram
https://www.instagram.com/tene.lisi/

Video UI Cards

Intricate and curious 5 page website with frequent updates for your next financial or corporate web project. Comes packed with two home pages, about page, service page and contact page. Video and lazy loading, and backed with Webflow's CMS system for blogs and more. Yours for you to clone and use. Cheers!

Principal

Principal Template

This is an interactive landing page I created to showcase videos. We will be using it on another site, but I thought other people might like to use it or play with some of the components. 

Enjoy.

The Internet Is Broken

Video Landing Page Template

This is just a simple example of a page loader, full page video and content overlay.  Note, it is possible to put content inside of the background video, but in this design, I am using a separate content overlay.  

Got questions?  Post those in the Design Help pages: http://forum.webflow.com/c/design-help

Background Video with Content Overlay

Pragnesh's First Site

pragneshs-first-site

This is a quick landing page with a custom video player that displays my film and video reel.

directed by medina

The Omnipresence Engine is a sales accelerator program for High-Ticket B2B Sales Professionals. We generate leads and help sales professionals become influencers on LinkedIn. View the page at https://www.venturetactics.com to display the videos on the page.

VentureTactics

venturetactics

The marketing methodology we use for generating results for High-Ticket B2B Sales Professionals. View the page at https://www.thefireformula.com to display the videos on the page.

The F.I.R.E. Formula

The F.I.R.E. Formula for Sales Professionals

This is a test page. Video display is set to none to allow mixitup to sort content : please view the page in your browser.
The main issue : the page is really heavy (more than 30mb). How can I do to reduce the size ?

videos-wemakefilms

Test page videos wemakefilms

Emptyhead Designs

I created this custom built site for Roger Castillo - a public speaker from Australia. 

Features:  
-Watch page auto synced with YouTube - when new video is uploaded it is auto added to collection
-Feed page being synced with Facebook public page
-Subscription page with quick subscribe buttons, fully custom event page (including events template) and other things like YouTube live stream embed, Mailchimp and PayPal Donation integration.
-Event details page features dynamic Google map embed, location can be set in "Events" collection in the Editor separately for each event 

I've styled the video view page very much alike YouTube, including fonts, borders etc. 

Feed posts are styled in Facebook UI manner.

Designed by https://emptyheaddesigns.com/

Roger Castillo - Being Lived

Complex dynamic site for a public speaker

Landing page design created for ethical finance firm in Germany. 
Simple video background page as site is built in the background.

ausblick dev

ausblick - simple once page lander

The National Women's Commission of Belize is a strategic body to the Government of Belize on issues of gender.

The website features an interactive menu, programs pages, video library, e-library for PDF documents, blog, contact page, CRM integration and more. 

I worked closely with this client to organize the information that they wanted to publish, and to present it in a way that is attractive, and easy to understand. The website utilizes a CMS directory which makes editing easy for anyone in the clients office.

National Women's Commission of Belize

Single page website for a tabletop rpg company. Site features video background and styled page content.