16 fantastiske websteder med video baggrunde

At designe et websted betyder ikke, at du skal oprette en statisk oplevelse - den er ikke udskrevet. Med fremkomsten af HTML5 det er blevet lettere at tilføje ting som animation for at skabe en rigere brugeroplevelse. Disse visuelle blomstrer kan ofte arbejde for at skabe en mere interessant, fordybende og bemærkelsesværdig oplevelse, hvis de gøres ordentligt. Det samme gælder også for video , hvilket HTML5 gør det meget nemmere at implementere på en måde, der er tilgængelig.

Nogle websteder får mest muligt ud af store videoer i browserstørrelse ved at bruge dem som baggrund for deres webside, hvilket giver dem mulighed for at ændre den visuelle oplevelse på nye og kreative måder. Nogle sider bruger store baggrundsvideoer til subtilt at ændre stemning og atmosfære, mens andre demonstrerer deres produkt i aktion eller bruger det til at fortælle en historie, der ikke ville have været så let eller måske så sjov som med en almindelig, statisk side.

For at hjælpe dig med at få inspiration har vi samlet nogle af de mere kreative, skæve og interessante eksempler på websteder, der udnytter videobaggrundene fuldt ud. Vi håber, du finder vores showcase nyttig til dit næste webdesignprojekt.



01. mediaBOOM

Webstedsvideobaggrund: Mediaboom

Retro-syle-filmbaggrunden fortæller historien om dette reklamebureau

mediaBOOM er et interaktivt reklamebureau, der har taget en unik tilgang til at skabe sin branding. En baggrundsvideo filmet i retro Americana-stil fortæller historien om deres agentur, der ligger i en fiktiv verden, der ligner Manhattan i 1950'erne.

02. MyProvence Festival

Webstedsvideobaggrund: Min Provence-festival

Følelsen af ​​energi fra denne baggrundsvideo er forbløffende

MyProvence-festivalwebstedet bruger baggrundsvideo til at vise højdepunkter fra kunstnere, der udforsker området. Musikken og scenerne i videoen arbejder perfekt sammen for at skabe en opløftende stemning for siden.

03. Spotify

Webstedsvideobaggrund: Spotify

Baggrundsvideo tilføjer følelser til Spotifys destinationsside

Musikstreaming-appen Spotify bruger baggrundsvideo til at føje følelser til deres destinationsside. Kernebudskabet bag webstedet er, at Spotify er tilgængelig til at levere musik til hvert øjeblik. Baggrundsvideoen, en række klip, der demonstrerer følelsesmæssig tilknytning på forskellige måder, kombinerer godt med den ledsagende musik for at skabe en sentimental atmosfære omkring mærket.

04. Pi's Liv

Webstedsvideobaggrund: PI

Den smukt optagede film har en smuk webstedsbaggrund, der ledsager den

Reklamewebstedet for Ang Lees Oscar-vindende film Life of Pi gør fuld brug af den fulde browserstørrelse baggrund ved at vise smukt optagede uddrag. Hver scene sammen med musikken hjælper med at gøre et minimalistisk design til noget mere interessant og inspirerende.

kvinde i en kappe, der kæmper med dynamisk manga

05. Telly

Webstedsvideobaggrund: Telly

Dette websteds videobaggrund viser græs, der vinker i vinden

Telly er en opstart, der finder og deler de mest populære virale videoer. Dets 'Om' -side bruger en falmet, gentagen baggrundsvideo, som hjælper med at indstille stemningen smukt.

06. Fernando Maclen

Webstedsvideobaggrund: Fernando Maclen

Den slørede videobaggrund viser Maclen på arbejde

Fernando Maclen er en talentfuld designer, der bruger en sløret videobaggrund til at vise den måde, han arbejder på. Resultatet er både interessant og mindeværdigt, samtidig med at det enkle, rene design opretholdes.

07. Windward

Webstedsvideobaggrund: Windward

Den subtile baggrund til denne apps websted sætter stemningen godt

Windward er en iPhone-app, der er designet til søfolk ved at vise data omkring tidevand, vindhastighed og temperaturer. Baggrundsvideoen, der viser et rimeligt hakket hav, er ikke alt for distraherende og gør et godt stykke arbejde med at sætte stemningen.

08. Stof

Webstedsvideobaggrund: Materie

Baggrunden er uventet - og får dermed en slående indvirkning

Matter er et strategisk designkonsulentfirma, der bruger en række tilfældigt udvalgte videoer, der hver viser en anden person som baggrund for sit websted. Dette hjælper virkelig med at gøre webstedet skiller sig ud; da det er så uventet, bliver oplevelsen bemærkelsesværdig og mindeværdig.

09. Eagleclean

Webstedsvideobaggrund: Eagleclean

Den finurlige video tilføjer humor til, hvad der ellers kunne være en kedelig hjemmeside

Londons rengøringsfirma Eagleclean inkorporerer en meget kort video på sit websted for at hjælpe med at tilføje lidt humor. Landingssiden vises oprindeligt med en meget lille udtværing, som hurtigt renses væk med en handskehånd.

10. Dromoland Slot

Webstedsvideobaggrund: Dromoland Castle

Videobaggrunden hjælper med at formidle den spektakulære natur i hotellets omgivelser

Dromoland Castle er et prestigefyldt hotel- og landejendom i Irland. Hjemmesiden bruger en storstilet baggrundsvideo til at vise det spektakulære område, golf og det nærliggende dyreliv.

elleve. Y.CO Yachts

Webstedsvideobaggrund: YCO Yachts

Videobaggrunden er ambitiøs uden at være alt for salgsorienteret

Selvom du ikke er en af ​​de sjældne få på markedet for en luksusyacht, vil du stadig finde Y.CO yachtwebstedet interessant. Det bruger en stor størrelse video til at vise optagelser af en familie, der nyder en ferie på en af ​​deres lystbåde som dens bageste. Filmen er ambitiøs uden at være for falsk eller 'salg'.

hvordan man illustrerer en børnebog

12. Flipboard

Webstedsvideobaggrund: Flipboard

Videobaggrunden på Flipboards hjemmeside viser, hvordan appen fungerer i praksis

Flipboard er en iPhone- og iPad-app, der fletter RSS-feeds, Twitter- og Facebook-konti i et digitalt magasin, så du nemt kan bladre mellem interessante artikler. Fordi dets brugergrænseflade er så vigtig, overføres hjemmesidens startside til en video af den app, der er i brug. I dette tilfælde viser det dig snarere end at fortælle dig, hvordan appen fungerer.

13. Nike Jordan M6

Webstedsvideobaggrund: Nike Jordan M6

Baggrundsvideoen fortæller historien om, hvordan Nike Jordan M6 blev designet

Nike Jordan M6-webstedet bruger baggrundsvideo til at fortælle historien om, hvordan den nye sneaker design var lavet. I stedet for at frembringe en åbenlyst salgsbaseret besked taler Nike simpelthen om grundene til hvert designvalg. For alle, der tænker på at købe Jordan M6, bliver det en fascinerende indsigt i, hvordan produktet blev til.

14. Arkade ild

Webstedsvideobaggrund: Arcade Fire

Denne baggrundsmusikvideo er interaktiv - prøv det!

Indierockband Arcade Fire har ofte været kendt for deres quirkiness, og de skuffer ikke i denne eksperimentelle salgsfremmende trailer til deres Neon Bible-album. Mens titelsporet afspilles, er baggrundsvideoen synkroniseret, men den er også interaktiv - prøv at klikke på hænderne, mens videoen afspilles.

femten. Kassetten

Webstedsvideobaggrund: Kassetten

Denne franske skobutik viser en meget kreativ brug af baggrundsvideo på sit websted

The Cassette er en fransk online skobutik, der bruger baggrundsvideo kreativt. Baggrunden på hjemmesiden er dedikeret til at vise en af ​​deres bestsellere modelleret, så du kan se, hvordan det ser ud fra alle vinkler.

16. Træet

The Wood er en restaurant beliggende i udkanten af ​​Sonian Forest i Bruxelles, Belgien. De subtile videoer på hjemmesiden og overalt på stedet indstiller den omgivende stemning og matcher lokalets rustikke indretning perfekt.

Ord : Alex Black

Alex Black skriver for PrintExpress.co.uk . På fritiden nyder han at lære at designe og kode webapps og studerer grafik og udskrivning design.

Dette er en opdateret version af en artikel, der tidligere blev vist på Creative Bloq.