16 upeaa verkkosivustoa, joissa on videotausta

Verkkosivuston suunnittelu ei tarkoita, että sinun on luotava staattinen kokemus - se ei ole tulostus. Kun nousu HTML5 on helpompaa lisätä esimerkiksi animaatio rikkaamman käyttökokemuksen luomiseksi. Nämä visuaaliset kukoistukset voivat usein luoda mielenkiintoisemman, mukaansatempaavamman ja merkittävämmän kokemuksen, jos ne tehdään oikein. Sama pätee myös video- , jonka HTML5 tekee paljon helpommaksi käyttöönotettavalla tavalla.

Jotkut sivustot hyödyntävät suuria, selainkokoisia videoita käyttämällä niitä verkkosivunsa taustana, mikä antaa heille mahdollisuuden muuttaa visuaalista kokemusta uusilla ja luovilla tavoilla. Jotkut sivustot käyttävät suuria taustavideoita mielialan ja ilmapiirin hienovaraiseen muuttamiseen, kun taas toiset esittelevät tuotteitaan toiminnassa tai käyttävät sitä kertomaan tarinan, joka ei olisi ollut yhtä helppoa tai ehkä yhtä hauskaa kuin tavallisella, staattisella sivulla.



Inspiraation antamiseksi olemme keränneet joitain luovempia, omituisempia ja mielenkiintoisempia esimerkkejä sivustoista, jotka hyödyntävät täysimääräisesti videotausta. Toivomme, että esittelymme on hyödyllinen seuraavassa verkkosuunnitteluprojektissasi.



01. mediaBOOM

Verkkosivuston videotausta: Mediaboom

Retro-tyylinen elokuvan tausta kertoo tämän mainostoimiston tarinan

mediaBOOM on interaktiivinen mainostoimisto, joka on ottanut ainutlaatuisen lähestymistavan brändin luomiseen. Retroamerikkalaisella tyylillä kuvattu taustavideo kertoo heidän toimistonsa kuvitteellisesta maailmasta, joka muistuttaa Manhattania 1950-luvulla.



02. MyProvence-festivaali

Sivuston videotausta: My Provence -festivaali

Tämän taustavideon tarjoama energian tunne on hämmästyttävä

MyProvence-festivaalisivusto käyttää taustavideota alueeseen tutustuvien taiteilijoiden kohokohtien näyttämiseen. Videon musiikki ja kohtaukset toimivat täydellisesti yhdessä kohottavan tunnelman luomiseksi sivustolle.

03. Spotify

Verkkosivuston videotausta: Spotify



Taustavideo lisää tunteita Spotifyn aloitussivulle

Musiikin suoratoistosovellus Spotify käyttää taustavideota lisäämään tunteita laskeutumissivulleen. Sivuston ydinviesti on, että Spotify on käytettävissä tarjoamaan musiikkia joka hetki. Taustavideo, sarja leikkeitä, jotka osoittavat emotionaalista kiintymystä eri tavoin, yhdistyvät hyvin mukana olevaan musiikkiin ja luovat tunteellisen tunnelman brändin ympärille.

04. Piin elämä

Verkkosivuston videotausta: PI: n elämä

Kauniisti kuvatulla elokuvalla on kaunis verkkosivuston tausta

Ang Leen Oscar-voitetun elokuvan Life of Pi myynninedistämissivusto hyödyntää täysimääräisesti koko selainkokoista taustaa näyttämällä kauniisti otettuja otteita. Jokainen kohtaus yhdessä musiikin kanssa auttaa muuttamaan minimalistisen muotoilun mielenkiintoisemmaksi ja inspiroivammaksi.

junior graafisen suunnittelun työpaikat lähelläni

05. Telly

Verkkosivuston videotausta: Telly

Tämän sivuston videotaustassa näkyy ruohoa heiluttaen tuulessa

Telly on startup, joka löytää ja jakaa suosituimmat virusvideot. Sen Tietoja-sivu käyttää haalistunutta, toistuvaa taustavideota, joka auttaa asettamaan mielialan kauniisti.

06. Fernando Maclen

Verkkosivuston videotausta: Fernando Maclen

Hämärtynyt videotausta näyttää Maclenin työssä

Fernando Maclen on lahjakas suunnittelija, joka käyttää hämärtynyttä videotausta esittäen työskentelytapaansa. Tulos on sekä mielenkiintoinen että ikimuistoinen säilyttäen samalla yksinkertaisen ja puhtaan muotoilun.

07. Tuulen suuntaan

Sivuston videotausta: Tuulen suuntainen

Tämän sovelluksen verkkosivuston hieno tausta luo mielialan hyvin

Windward on iPhone-sovellus, joka on suunniteltu merimiehille näyttämällä tietoja vuorovesien, tuulen nopeuksien ja lämpötilojen ympärillä. Taustavideo, joka näyttää kohtuullisen epämiellyttävän meren, ei ole liian häiritsevä ja tekee hyvää työtä tunnelman luomiseksi.

08. Aine

Verkkosivuston videotausta: Asia

Tausta on odottamaton - ja siten vaikuttava vaikutus

Aine on strateginen suunnittelukonsultointi, joka käyttää sivustonsa taustana sarjaa satunnaisesti valittuja videoita, joista jokaisessa näkyy eri henkilö. Tämä todella auttaa saamaan sivuston erottumaan; koska se on niin odottamatonta, kokemuksesta tulee merkittävä ja mieleenpainuva.

09. Eagleclean

Verkkosivuston videotausta: Eagleclean

Omituinen video lisää huumoria siihen, mikä muuten voisi olla tylsää kotisivua

Lontoon siivousyhtiö Eagleclean sisällyttää sivustoonsa hyvin lyhyen videomateriaalin huumorin lisäämiseksi. Aloitussivulla näkyy aluksi hyvin pieni tahra, joka hansikkaalla kädellä puhdistetaan nopeasti.

10. Dromolandin linna

Verkkosivuston videotausta: Dromolandin linna

Videotausta auttaa välittämään hotellin ympäristön upean luonteen

Dromoland Castle on arvostettu hotelli ja maalaiskartano Irlannissa. Kotisivu käyttää laajamittaista taustavideota näyttääkseen upeita kenttiä, golfia ja läheisiä villieläimiä.

yksitoista. Y.CO Yachts

Verkkosivuston videotausta: YCO Yachts

Videotausta on pyrkimys ilman liikaa myyntiä

Vaikka et olisikaan yksi harvoista harvoista luksusjahdin markkinoilla, Y.CO-huvivenesivusto on silti mielenkiintoinen. Se käyttää suurikokoista videota kuvamateriaalina perheestä, joka nauttii lomasta yhdellä jahdistaan ​​sen taustana. Elokuva on toiveikas olematta liian väärä tai 'myyntityö'.

12. Lehtitaulu

Verkkosivuston videotausta: Leikepöytä

Flipboardin kotisivun videotausta näyttää, miten sovellus toimii käytännössä

Flipboard on iPhone- ja iPad-sovellus, joka yhdistää RSS-syötteet, Twitter- ja Facebook-tilit yhdeksi digitaaliseksi aikakauslehdeksi, jolloin voit selata mielenkiintoisia artikkeleita helposti. Koska sen käyttöliittymä on niin tärkeä, verkkosivuston etusivun tausta annetaan käytetyn sovelluksen videolle. Tässä tapauksessa sinulle näytetään sen sijaan, että kerrotaan, miten sovellus toimii, nero.

13. Nike Jordan M6

Verkkosivuston videotausta: Nike Jordan M6

miten kehittyä taiteilijana
Taustavideo kertoo kuinka Nike Jordan M6 suunniteltiin

Nike Jordan M6 -sivusto käyttää taustavideota kertomaan tarinan siitä, miten uusi lenkkarin muotoilu luotiin. Sen sijaan, että esitettäisiin avoimesti myyntiin perustuvaa viestiä, Nike puhuu yksinkertaisesti kunkin suunnitteluvaihtoehdon syistä. Kaikille, jotka ajattelevat Jordan M6: n ostamista, siitä tulee kiehtova käsitys siitä, miten tuote tuli.

14. Pelihallipalo

Verkkosivuston videotausta: Arcade Fire

Tämä taustamusiikkivideo on interaktiivinen - kokeile sitä!

Indie-rock-yhtye Arcade Fire on usein tunnettu omituisuudestaan, eivätkä ne petä tässä kokeellisessa Neon Bible -albuminsa mainostrailerissa. Samalla kun nimikappale soi, taustavideo on synkronoitu, mutta se on myös vuorovaikutteinen - yritä napsauttaa käsiä videon toiston aikana.

viisitoista. Kasetti

Verkkosivuston videotausta: Kasetti

Tämä ranskalainen kenkäkauppa esittelee erittäin luovaa taustavideoiden käyttöä sivustollaan

Kasetti on ranskalainen verkkokenkäkauppa, joka käyttää taustavideoita luovasti. Kotisivun tausta on omistettu näyttämään yksi heidän suosituimmista myyjistään, jotta voit nähdä miltä se näyttää kaikista näkökulmista.

16. Puu

The Wood on ravintola, joka sijaitsee Sonian Forestin laidalla Brysselissä, Belgiassa. Kotisivun ja koko sivuston hienot videot asettavat tunnelman ja sopivat täydellisesti paikan maalaismaiseen sisustukseen.

Sanat : Alex Black

Alex Black kirjoittaa PrintExpress.co.uk . Vapaa-ajallaan hän nauttii oppimisesta suunnittelemaan ja koodaamaan verkkosovelluksia sekä opiskelemaan graafista ja painettua tekstiä design.

Tämä on päivitetty versio artikkelista, joka ilmestyi aiemmin Creative Bloqissa.