November 23, 2024

By Web Designers for Web Designers

Featured Inspiration Web Design

Websites With Beautiful Video Headers

Paulina VargasNovember 13, 20150 Comment09.4k

I am always fascinated by captivating videos and the creative (and functioning) use of them in website design. Video headers bring the a whole new experience to a website. I experienced this today while shopping on Lush’s site, where I was met with a beautiful explosion of color from a video showcasing their colorful bath bombs reacting to water.

Watching that video made me want more! As a result, here is a showcase of some other sites around the web with beautiful video headers.

Lush

Ideas by Music

sbs

Tool

Story and Heart

Share

Get Faster at Responsive UI Design Previous post

ICYMI: The Weekly Ledger Next post

Paulina Vargas

Editor-in-chief for WebDesignLedger.com. Paulina uses creative intelligence to create everything digital, printable, searchable, minimal, visual and analytical. She has a passion for design and is the founder of UltraArte, a digital marketing & design consultancy. Follow her on Twitter

Related Articles

Editors Pick Featured Resources Tools

10+ Excellent Web Design Tools & Resources to Use in 2024

<img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsFebruary 15, 2024

Editors Pick Featured Tools WordPress

5+ Best WordPress Plugins to Try Out [2024 edition]

<img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsJanuary 18, 2024

Inspiration Resources Trends Web Design WordPress

10 Excellent WordPress Themes for 2024

<img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsJanuary 4, 2024

Inspiration Resources Trends Web Design WordPress

Transform Your Website with These 10 Multipurpose WordPress Themes for 2023

<img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='http://0.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsApril 27, 2023

Leave a Reply Cancel reply