16 kiváló weboldal video háttérrel

A weboldal megtervezése nem jelenti azt, hogy statikus élményt kell létrehoznia - ez nem nyomtatott. Az emelkedésével HTML5 könnyebb olyan dolgokat hozzáadni, mint élénkség hogy gazdagabb felhasználói élményt teremtsen. Ezek a vizuális felvirágzások sokszor érdekesebb, magával ragadóbb és figyelemre méltóbb élmény létrehozására képesek, ha megfelelően végzik. Ugyanez áll a helyzetre is videó- , amelyet a HTML5 sokkal könnyebben megvalósít elérhető módon.

Egyes webhelyek a legtöbb, böngésző méretű videót használják ki úgy, hogy weboldaluk háttérként használják őket, ami lehetővé teszi számukra a vizuális élmény új és kreatív módon történő megváltoztatását. Egyes webhelyek nagy háttérvideókat használnak a hangulat és a légkör finoman történő megváltoztatására, míg mások termékeiket működés közben demonstrálják, vagy olyan történetek elbeszélésére használják, amelyek nem lettek volna olyan egyszerűek vagy talán olyan szórakoztatóak, mint egy szokásos, statikus oldal esetében.

Az inspiráció érdekében összegyűjtöttünk néhány olyan kreatívabb, furcsa és érdekes példát azoknak a webhelyeknek, amelyek teljes mértékben kihasználják a videó hátterét. Reméljük, hogy bemutatónkat hasznosnak találja a következő webdesign projektben.



01. mediaBOOM

Webhely videó háttere: Mediaboom

A retro stílusú film háttere ennek a reklámügynökségnek a történetét meséli el

A mediaBOOM egy interaktív reklámügynökség, amely egyedülálló megközelítést alkalmazott márkaépítésének megalkotásában. Retro Americana stílusban forgatott háttérvideó az ötvenes években Manhattanre emlékeztető kitalált világban játszódó ügynökségük történetét meséli el.

02. MyProvence Fesztivál

Weboldal videó háttere: My Provence fesztivál

A háttér-videó által nyújtott energiaérzet elképesztő

A MyProvence fesztivál helyszíne háttérvideóval mutatja be a környéket felfedező művészek legfontosabb eseményeit. A videó zene és jelenetei tökéletesen működnek együtt, hogy felemelő hangulatot teremtsenek az oldal számára.

03. Spotify

Webhely videó háttere: Spotify

A háttérvideó érzelmet ad a Spotify céloldalának

A Spotify zenei streaming alkalmazás háttérvideókat használ, hogy segítsen érzelmeket adni a céloldaluknak. A webhely alapvető üzenete az, hogy a Spotify elérhető minden pillanatban zenét szolgáltatni. A háttérvideó, klipek sorozata, amely különböző módon demonstrálja az érzelmi kötődést, jól kombinálható a kísérő zenével, hogy szentimentális légkört teremtsen a márka körül.

04. Pi élete

Weboldal videó háttere: PI élete

A gyönyörűen forgatott film gyönyörű weboldallal kíséri

Az Ang Lee Life of Pi Oscar-díjas filmjének promóciós weboldala teljes mértékben kihasználja a teljes böngészőméretű hátteret azáltal, hogy gyönyörűen felvett részleteket mutat be. Minden jelenet és a zene együtt segít a minimalista dizájn átalakításában valami érdekesebbé és inspirálóbbá.

05. Tévé

Weboldal videó háttere: Telly

Ennek az oldalnak a videó háttere a szélben hullámzó füvet mutat

A Telly egy startup, amely megtalálja és megosztja a legnépszerűbb vírusos videókat. Az „About” oldal egy elhalványult, ismétlődő háttérvideót használ, amely segít szépen beállítani a hangulatot.

06. Fernando Maclen

Honlap videó háttere: Fernando Maclen

Az elmosódott videó háttere Maclen munkáját mutatja

Fernando Maclen egy tehetséges tervező, aki elmosódott videóhátteret használ, hogy megmutassa a munkáját. Az eredmény egyszerre érdekes és emlékezetes, miközben megőrzi az egyszerű, letisztult dizájnt.

07. Szél felőli

Webhely videó háttere: Windward

Az alkalmazás webhelyének finom háttere jól megalapozza a hangulatot

A Windward egy iPhone alkalmazás, amelyet matrózok számára terveztek azáltal, hogy az árapály, a szélsebesség és a hőmérséklet körüli adatokat jelenítettek meg. A háttérvideó, amely meglehetősen hullámzó tengert mutat, nem túl zavaró és jó munkát végez a hangulat megteremtésében.

08. Ügy

Webhely videó háttere: Matter

A háttér váratlan - és ezért feltűnő hatást vált ki

Az Matter egy stratégiai tervezési tanácsadás, amely véletlenszerűen kiválasztott videók sorozatát használja, amelyek mindegyike egy-egy embert mutat a webhely háttereként. Ez valóban segít kiemelni a webhelyet; amilyen váratlan, az élmény figyelemre méltóvá és emlékezetessé válik.

09. Eagleclean

Webhely videó háttere: Eagleclean

A furcsa videó humorral egészíti ki az egyébként unalmas honlapot

A londoni takarítócég, az Eagleclean nagyon rövid videót tartalmaz a webhelyén, hogy segítsen hozzá némi humorhoz. A céloldal kezdetben nagyon kicsi foltokkal jelenik meg, amelyet kesztyűs kéz gyorsan megtisztít.

10. Dromoland-kastély

Weboldal videó háttere: Dromoland kastély

A videó háttér segít átadni a szálloda látványos természetét

A Dromoland Castle egy rangos szálloda és vidéki birtok Írországban. A honlap nagyszabású háttérvideót használ a látványos terek, a golf és a közeli vadvilág bemutatására.

tizenegy. Y.CO Yachts

Weboldal videó háttere: YCO Yachts

A videó háttere törekvés nélküli, túlzottan értékesítésorientált

Még akkor is, ha Ön nem tartozik azon ritka kevesek közé a luxusjacht piacán, mégis érdekesnek találja a Y.CO jacht weboldalát. Nagyméretű videó segítségével felvételeket mutat be egy családról, amely az egyik jachtján nyaralást élvez. A film törekvés nélküli, anélkül, hogy túl hamis vagy „eladási” lenne.

12. Flipboard

Webhely videó háttere: Flipboard

A Flipboard honlapjának videó háttere megmutatja, hogy az alkalmazás hogyan működik a gyakorlatban

A Flipboard egy iPhone és iPad alkalmazás, amely egyesíti az RSS-hírcsatornákat, a Twitter és a Facebook fiókokat egy digitális folyóiratba, lehetővé téve az érdekes cikkek közötti könnyed átfordulást. Mivel a felhasználói felülete nagyon fontos, a weboldal kezdőlapjának hátterét átadják a használt alkalmazás videóinak. Ebben az esetben az alkalmazás bemutatása ahelyett, hogy elmondaná, hogy az alkalmazás hogyan működik, egy zseniális vonás.

13. Nike Jordan M6

Weboldal videó háttere: Nike Jordan M6

A háttérvideó elmeséli a Nike Jordan M6 tervezésének történetét

A Nike Jordan M6 weboldala háttérvideóval meséli el, hogy az új tornacipő kialakítása elkészült. Ahelyett, hogy nyíltan értékesítésen alapuló üzenetet közvetítene, a Nike egyszerűen az egyes formatervezési választások okairól beszél. A Jordán M6 megvásárlásán gondolkodó emberek számára lenyűgöző betekintéssé válik a termék létrejöttéről.

14. Árkád tűz

Webhely videó háttere: Arcade Fire

Ez a háttérzenei videó interaktív - próbáld ki!

Az Arcade Fire indie rock együttes gyakran ismert furcsaságáról, és nem okoz csalódást a Neon Bible albumuk kísérleti promóciós előzetese. Amíg a címadó dal játszik, a háttérvideó szinkronban van, de interaktív is - próbáljon meg kattintani a kezekre, miközben a videó lejátszódik.

tizenöt. A kazetta

Weboldal videó háttere: A kazetta

Ez a francia cipőbolt a háttérben található videók nagyon kreatív felhasználását mutatja be webhelyén

A Cassette egy francia online cipőbolt, amely kreatívan használja a háttérvideókat. A kezdőlap háttere az egyik legnépszerűbb modell bemutatására szolgál, így minden oldalról láthatja, hogy néz ki.

16. A fa

A Wood egy étterem a Sonian Forest szélén található, Brüsszelben, Belgiumban. A kezdőlapon és az egész webhelyen található finom videók megadják a környezeti hangulatot, és tökéletesen illeszkednek a helyszín rusztikus dekorációjához.

Szavak : Alex Black

Alex Black számára ír PrintExpress.co.uk . Szabadidejében szívesen tanul webalkalmazásokat tervezni és kódolni, valamint grafikát és nyomtatást tanul tervezés.

Ez egy cikk frissített változata, amely korábban a Creative Bloq-on jelent meg.