16 izvrsnih web stranica s video pozadinama

Dizajn web stranice ne znači da morate stvoriti statički doživljaj - to nije ispis. S porastom HTML5 postalo je lakše dodavati stvari poput animacija stvoriti bogatije korisničko iskustvo. Ovi vizualni procvjeti često mogu stvoriti zanimljivije, obuzimajuće i izvanrednije iskustvo ako se pravilno izvedu. Isto vrijedi i za video , koji HTML5 čini mnogo lakšim za implementaciju na način koji je dostupan.

Neke web stranice maksimalno iskorištavaju velike videozapise veličine preglednika koristeći ih kao pozadinu svoje web stranice, što im omogućuje da vizualno iskustvo promijene na nove i kreativne načine. Neke web stranice koriste velike pozadinske videozapise kako bi na suptilan način promijenile raspoloženje i atmosferu, dok druge demonstriraju svoj proizvod na djelu ili ga koriste kako bi ispričale priču koja ne bi bila tako laka ili možda zabavna kao na običnoj, statičnoj stranici.



Kako bismo vam pomogli dati inspiraciju, prikupili smo neke kreativnije, neobičnije i zanimljivije primjere web lokacija koje u potpunosti koriste pozadinu videozapisa. Nadamo se da će vam naša vitrina biti korisna za vaš sljedeći projekt web dizajna.



01. mediaBOOM

Pozadina videozapisa web stranice: Mediaboom

Filmska pozadina retro-syle priča priču o ovoj reklamnoj agenciji

mediaBOOM je interaktivna agencija za oglašavanje koja je zauzela jedinstveni pristup stvaranju svog brenda. Video u pozadini snimljen u retro amerikanskom stilu govori o njihovoj agenciji smještenoj u izmišljeni svijet koji nalikuje Manhattanu pedesetih godina prošlog stoljeća.



02. MyProvence Festival

Pozadina videozapisa web stranice: festival Moja Provansa

Osjećaj energije koji pruža ovaj pozadinski video zapanjujući je

Web lokacija festivala MyProvence koristi pozadinski videozapis za prikaz vrhunaca umjetnika koji istražuju to područje. Glazba i prizori u videu savršeno surađuju kako bi postavili raspoloženje za web stranicu.

03. Spotify

Pozadina videozapisa web stranice: Spotify



Video u pozadini dodaje osjećaje odredišnoj stranici Spotify-a

Aplikacija za streaming glazbe Spotify koristi pozadinski videozapis kako bi dodala emocije njihovoj odredišnoj stranici. Osnovna poruka koja stoji iza stranice je da je Spotify dostupan za pružanje glazbe u svakom trenutku. Video u pozadini, serija isječaka koji na različite načine pokazuju emocionalnu privrženost, dobro se kombinira s pratećom glazbom stvarajući sentimentalnu atmosferu oko brenda.

04. Pijev život

Pozadina videozapisa web stranice: Život PI

Prekrasno snimljeni film ima prekrasnu pozadinu web stranice

Promotivna web stranica za film Leea Leeja nagrađenog Oscarom, koji donosi Ang Lee, u potpunosti koristi pozadinu pune veličine preglednika prikazujući lijepo snimljene dijelove. Svaka scena, zajedno s glazbom, pomaže pretvoriti minimalistički dizajn u nešto zanimljivije i nadahnutije.

kako stvoriti neonska svjetla u

05. Televizor

Pozadina videozapisa web stranice: Telly

Pozadina videozapisa ove stranice prikazuje travu koja se maše na vjetru

Telly je startup tvrtka koja pronalazi i dijeli najpopularnije virusne videozapise. Njegova stranica 'O' koristi izblijedjeli, ponavljajući pozadinski videozapis, koji pomaže u lijepom postavljanju raspoloženja.

06. Fernando Maclen

Pozadina videozapisa web stranice: Fernando Maclen

Nejasna pozadina videozapisa prikazuje Maclena na poslu

Fernando Maclen nadareni je dizajner koji koristi zamućenu pozadinu videozapisa kako bi pokazao način na koji radi. Rezultat je istovremeno zanimljiv i nezaboravan, a zadržava jednostavan, čist dizajn.

07. Prema vjetru

Pozadina videozapisa web stranice: Windward

Suptilna pozadina web stranice ove aplikacije dobro postavlja raspoloženje

Windward je iPhone aplikacija koja je dizajnirana za nautičare prikazivanjem podataka o plimama i osekama, brzinama vjetra i temperaturama. Video u pozadini, koji prikazuje prilično uzburkano more, ne odvlači previše pažnje i čini dobar posao u postavljanju raspoloženja.

08. Materija

Pozadina videozapisa web stranice: Stvar

Pozadina je neočekivana - i time ima zapanjujući utjecaj

Matter je savjetodavna tvrtka za strateški dizajn koja koristi seriju nasumično odabranih videozapisa, od kojih svaki prikazuje drugu osobu kao pozadinu svoje web stranice. Ovo stvarno pomaže da se web mjesto istakne; jer je tako neočekivano, iskustvo postaje izvanredno i nezaboravno.

09. Eagleclean

Pozadina videozapisa web stranice: Eagleclean

Otkačeni video dodaje humor onome što bi inače mogla biti dosadna početna stranica

Londonska tvrtka za čišćenje Eagleclean na svoje web mjesto uključuje vrlo kratki videozapis koji pomaže dodati malo humora. Odredišna se stranica u početku pojavljuje s vrlo malim mrljama, koje se rukom u rukavicama brzo očiste.

10. Dvorac Dromoland

Pozadina videozapisa web stranice: Dvorac Dromoland

Video pozadina pomaže u dočaravanju spektakularne prirode hotelske okolice

Dvorac Dromoland prestižni je hotel i ladanjsko imanje u Irskoj. Početna stranica koristi pozadinski video velikih razmjera za prikaz spektakularnih terena, golfa i obližnjih divljih životinja.

jedanaest. Y.CO jahte

Pozadina videozapisa web stranice: YCO Yachts

kako riješiti probleme kompatibilnosti s različitim preglednicima
Video pozadina je ambiciozna, bez pretjerane prodajne orijentacije

Čak i ako niste jedan od rijetkih na tržištu luksuznih jahti, svejedno će vam biti zanimljivo web mjesto Y.CO jahte. Koristi videozapis velike veličine za snimanje obitelji koja uživa u odmoru na jednoj od svojih jahti. Film je ambiciozan, a da nije previše lažan ili 'prodajan'.

12. Flipboard

Pozadina videozapisa web stranice: Flipboard

Pozadina videozapisa na početnoj stranici Flipboarda pokazuje kako aplikacija radi u praksi

Flipboard je aplikacija za iPhone i iPad koja spaja RSS izvore, Twitter i Facebook račune u jedan digitalni časopis, što vam omogućuje lako prebacivanje između zanimljivih članaka. Budući da je njegovo korisničko sučelje toliko važno, pozadina početne stranice web stranice daje se videozapisu aplikacije koja se koristi. U ovom slučaju pokazati vam, umjesto da vam kaže, kako aplikacija radi, genijalan je potez.

13. Nike Jordan M6

Pozadina videozapisa web stranice: Nike Jordan M6

Video u pozadini govori o tome kako je dizajniran Nike Jordan M6

Web stranica Nike Jordan M6 koristi pozadinski video kako bi ispričala priču o tome kako je novi dizajn tenisica kreiran je. Umjesto da preusmjeri na otvoreno poruku temeljenu na prodaji, Nike jednostavno govori o razlozima svakog odabira dizajna. Svatko tko razmišlja o kupnji Jordana M6 postaje fascinantan uvid u to kako je proizvod nastao.

14. Arcade Fire

Pozadina videozapisa web stranice: Arcade Fire

Ovaj glazbeni video u pozadini interaktivan je - isprobajte!

Indie rock sastav Arcade Fire često je poznat po svojoj neobičnosti i ne razočara u ovom eksperimentalnom promotivnom najavi za svoj album Neon Bible. Dok se naslovna pjesma reproducira, pozadinski videozapis je sinkroniziran, ali također je i interaktivan - pokušajte kliknuti ruke dok se videozapis reproducira.

petnaest. Kaseta

Pozadina videozapisa web stranice: Kaseta

Ova francuska trgovina obućom na svojoj web stranici prikazuje vrlo kreativnu upotrebu pozadinskih videozapisa

Cassette je francuska internetska trgovina obućom koja kreativno koristi pozadinski video. Pozadina početne stranice posvećena je prikazivanju jednog od njihovih bestselera koji je modeliran tako da možete vidjeti kako to izgleda iz svih kutova.

16. Drvo

The Wood je restoran smješten na rubu Sonianske šume u Bruxellesu u Belgiji. Suptilni videozapisi na početnoj stranici i na cijeloj web stranici postavljaju ambijentalno raspoloženje i savršeno se podudaraju s rustikalnim dekorom prostora.

Riječi : Alex Black

Alex Black piše za PrintExpress.co.uk . U slobodno vrijeme uživa naučiti dizajnirati i kodirati web aplikacije te proučava grafiku i grafiku oblikovati.

Ovo je ažurirana verzija članka koji se prethodno pojavio na Creative Bloqu.