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
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
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
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
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é
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
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
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
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
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
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
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
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
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
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
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.
