16 vrhunskih spletnih mest z video ozadji

Oblikovanje spletnega mesta ne pomeni, da morate ustvariti statično izkušnjo - to ni tiskanje. Z vzponom HTML5 lažje je dodati stvari, kot je animacija ustvariti bogatejšo uporabniško izkušnjo. Ti vizualni uspehi lahko pogosto pomagajo ustvariti bolj zanimivo, poglobljeno in izjemno izkušnjo, če jo pravilno izvedemo. Enako velja tudi za video , ki HTML5 olajša izvajanje na dostopen način.

Nekatera spletna mesta kar najbolje izkoristijo velike videoposnetke v velikosti brskalnika, tako da jih uporabijo kot ozadje svoje spletne strani, kar jim omogoča spreminjanje vizualne izkušnje na nove in kreativne načine. Nekatera spletna mesta uporabljajo velike videoposnetke v ozadju, da subtilno spremenijo razpoloženje in vzdušje, druga pa svoj izdelek predstavijo v akciji ali z njim pripovedujejo zgodbo, ki ne bi bila tako enostavna ali morda tako zabavna kot pri običajni, statični strani.



Da bi vas navdihnili, smo zbrali nekaj bolj kreativnih, domiselnih in zanimivih primerov spletnih mest, ki v celoti izkoriščajo video ozadja. Upamo, da vam je naša predstavitev koristna za vaš naslednji projekt spletnega oblikovanja.



01. mediaBOOM

Ozadje videoposnetka spletnega mesta: Mediaboom

Ozadje filma retro-syle pripoveduje zgodbo te oglaševalske agencije

mediaBOOM je interaktivna oglaševalska agencija, ki je edinstveno pristopila k ustvarjanju blagovne znamke. Video v ozadju, posnet v retro ameriškem slogu, pripoveduje zgodbo njihove agencije, postavljene v izmišljeni svet, ki spominja na Manhattan v petdesetih letih.



02. Festival MyProvence

Ozadje videoposnetka spletnega mesta: festival My Provence

Občutek energije, ki ga zagotavlja ta video v ozadju, je osupljiv

Spletna stran festivala MyProvence uporablja videoposnetke v ozadju za prikaz utrinkov umetnikov, ki raziskujejo to območje. Glasba in prizori v videu odlično delujejo, da spletnemu mestu ustvarijo vznemirljivo razpoloženje.

03. Spotify

Ozadje videoposnetka spletnega mesta: Spotify



Video v ozadju doda čustva ciljni strani Spotify

Aplikacija za pretakanje glasbe Spotify z videoposnetki v ozadju pomaga dodati čustva svoji ciljni strani. Glavno sporočilo spletnega mesta je, da je Spotify na voljo za zagotavljanje glasbe za vsak trenutek. Video v ozadju, serija posnetkov, ki na različne načine prikazujejo čustveno navezanost, se dobro kombinira s spremljajočo glasbo in ustvarja sentimentalno vzdušje okoli blagovne znamke.

04. Pijevo življenje

Ozadje video spletnega mesta: Življenje PI

Čudovito posnet film ima čudovito ozadje spletnega mesta

Promocijsko spletno mesto filma Oskarja Ang Lee Lee Life of Pi v celoti izkorišča celotno ozadje v velikosti brskalnika, tako da prikazuje čudovito posnete odlomke. Vsaka scena skupaj z glasbo pomaga minimalističen dizajn spremeniti v nekaj bolj zanimivega in navdihujočega.

kako slikati pokrajino z akvareli

05. Telly

Ozadje videoposnetka spletnega mesta: Telly

Video ozadje te strani prikazuje travo, ki se vihra v vetru

Telly je zagonsko podjetje, ki najde in deli najbolj priljubljene virusne videoposnetke. Na strani »Vizitka« je uporabljen bledi, ponavljajoči se videoposnetek v ozadju, ki pomaga lepo nastaviti razpoloženje.

06. Fernando Maclen

Ozadje videoposnetka spletnega mesta: Fernando Maclen

V zamegljenem video ozadju je Maclen na delu

Fernando Maclen je nadarjen oblikovalec, ki z zamegljenim video ozadjem pomaga pokazati svoje delo. Rezultat je tako zanimiv kot nepozaben, hkrati pa ohranja preprost, čist dizajn.

07. Privetrno

Ozadje videoposnetka spletnega mesta: Windward

Prefinjeno ozadje spletnega mesta te aplikacije dobro določa razpoloženje

Windward je aplikacija za iPhone, namenjena jadralcem s prikazom podatkov o plimovanju, hitrosti vetra in temperaturah. Video v ozadju, ki prikazuje razmeroma razburkano morje, ni preveč moteč in dobro naredi razpoloženje.

08. Zadeva

Ozadje videoposnetka spletnega mesta: Zadeva

Ozadje je nepričakovano - in s tem izjemno vpliva

Matter je svetovalno podjetje za strateško oblikovanje, ki za ozadje svojega spletnega mesta uporablja vrsto naključno izbranih videoposnetkov, od katerih vsak prikazuje drugo osebo. To resnično pomaga, da spletno mesto izstopa; ker je tako nepričakovano, postane izkušnja izjemna in nepozabna.

09. Eagleclean

Ozadje videoposnetka spletnega mesta: Eagleclean

Nenavaden video prispeva humor k temu, kar bi sicer bila dolgočasna domača stran

Londonsko čistilno podjetje Eagleclean na svoje spletno mesto vključi zelo kratek videoposnetek, ki pomaga dodati nekaj humorja. Ciljna stran se sprva prikaže z zelo majhnim madežem, ki ga roka z rokavico hitro očisti.

10. Grad Dromoland

Ozadje video spletnega mesta: Grad Dromoland

kako držati svinčnik za risanje
Video ozadje pomaga predstaviti spektakularno naravo hotelske okolice

Grad Dromoland je prestižen hotel in podeželsko posestvo na Irskem. Domača stran uporablja obsežen video v ozadju za prikaz spektakularnih igrišč, golfa in bližnjih prosto živečih živali.

enajst. Y.CO jahte

Ozadje videoposnetka spletnega mesta: YCO Yachts

Video ozadje je ambiciozno, ne da bi bilo preveč prodajno naravnano

Tudi če niste redki na trgu luksuznih jaht, vam bo spletno mesto Y.CO vseeno zanimivo. V velikem videoposnetku kot ozadje prikazuje posnetke družine, ki uživa na počitnicah na eni od svojih jaht. Film je ambiciozen, ne da bi bil preveč lažen ali 'razprodan'.

12. Flipboard

Ozadje videoposnetka spletnega mesta: Flipboard

Video ozadje na domači strani Flipboard prikazuje, kako aplikacija deluje v praksi

Flipboard je aplikacija za iPhone in iPad, ki združuje vire RSS, račune Twitterja in Facebooka v eno digitalno revijo, kar vam omogoča enostavno prelistavanje zanimivih člankov. Ker je njegov uporabniški vmesnik tako pomemben, se ozadje domače strani spletnega mesta preda videoposnetku aplikacije, ki je v uporabi. V tem primeru je prikaz, namesto da bi vam povedal, kako aplikacija deluje, genialna poteza.

13. Nike Jordan M6

Ozadje videoposnetka spletnega mesta: Nike Jordan M6

Video v ozadju govori o tem, kako je bil zasnovan Nike Jordan M6

Spletno mesto Nike Jordan M6 uporablja video v ozadju, da pove zgodbo o tem, kako novo dizajn superge je bil ustvarjen. Namesto da bi odkril očitno prodajno sporočilo, Nike preprosto govori o razlogih za vsako izbiro oblikovanja. Za vse, ki razmišljajo o nakupu Jordan M6, postane očarljiv vpogled v to, kako je nastal izdelek.

14. Arcade Fire

Ozadje videoposnetka spletnega mesta: Arcade Fire

Ta glasbeni video v ozadju je interaktiven - poskusite!

Neodvisna rock skupina Arcade Fire je bila pogosto znana po svoji domiselnosti in v tem eksperimentalnem promocijskem napovedniku za svoj album Neon Bible ne razočara. Medtem ko se naslovna skladba predvaja, je video v ozadju sinhroniziran, hkrati pa je tudi interaktiven - med predvajanjem video posnetka kliknite na roke.

petnajst. Kaseta

Ozadje videoposnetka spletnega mesta: Kaseta

Ta francoska trgovina s čevlji na svojem spletnem mestu prikazuje zelo kreativno uporabo videoposnetkov v ozadju

Cassette je francoska spletna trgovina s čevlji, ki kreativno uporablja video v ozadju. Ozadje na domači strani je namenjeno prikazu ene od njihovih uspešnic, ki je oblikovana tako, da lahko vidite, kako je videti z vseh zornih kotov.

16. Les

The Wood je restavracija na robu Sonijskega gozda v Bruslju v Belgiji. Prefinjeni videoposnetki na domači strani in na celotnem spletnem mestu določajo vzdušje in se popolnoma ujemajo z rustikalnim dekorjem prizorišča.

Besede : Alex Black

Alex Black piše za PrintExpress.co.uk . V prostem času se rad nauči oblikovati in kodirati spletne aplikacije ter preučuje grafiko in tisk oblikovanje.

To je posodobljena različica članka, ki je bil prej objavljen na spletnem mestu Creative Bloq.