Los sitios web no debe ser una experiencia estática.Aquí hay 15 ejemplos de sitios web que utilizan fondos de vídeo para añadir una sensación de movimiento.
Diseñar un sitio web no significa que usted tiene que crear una experiencia estática . Con el auge de HTML5 se ha convertido en más fácil añadir cosas como la animación para crear una experiencia de usuario más rica. Estos adornos visuales a menudo pueden trabajar para crear una experiencia más interesante y absorbente y notable si se hace correctamente. Lo mismo es cierto de vídeo , lo que HTML5 hace mucho más fácil de implementar en una manera que sea accesible. Algunos sitios utilizan grandes vídeos de fondo para cambiar sutilmente el estado de ánimo y la atmósfera, mientras que otros están demostrando su producto en acción o utilizarla para contar una historia que no habría sido tan fácil o tal vez l más divertido con una página normal, estática. Para ayudar a darle un poco de inspiración, hemos recopilado algunos de los ejemplos de lo más creativos, peculiar e interesante que hacen pleno uso de fondos de vídeo. Esperamos que nuestro escaparate sea útil para su próximo proyecto de diseño web.
01. mediaBOOM
mediaBOOM es una agencia de publicidad interactiva que se toma un enfoque único para la creación de su imagen de marca.Un fondo de vídeo filmada con un estilo retro Americana cuenta la historia de su conjunto de la agencia en un mundo de ficción que se asemeja a Manhattan en 1950.
02. Festival MyProvence
El sitio MyProvence Festival utiliza vídeo de fondo para mostrar aspectos más destacados de artistas que exploran la zona. La música y las escenas en el video funcionan a la perfección para establecer un estado de ánimo edificante para el sitio.
03. Spotify
Streaming de música Spotify aplicación utiliza el vídeo de fondo para ayudar a añadir emoción a su página de destino. El mensaje central detrás del sitio es que Spotify está disponible para proporcionar la música para cada momento. El vídeo de fondo, una serie de clips que demuestran vínculo emocional de diferentes maneras, combina bien con la música de acompañamiento para generar una atmósfera sentimental alrededor de la marca.
04. Vida de Pi
La página web de promoción de Oscar ganador película Life of Pi, de Ang Lee hace un uso completo de los antecedentes de tamaño completo navegador, mostrando fragmentos bellamente filmada. Cada escena, junto con la música, ayuda a convertir un diseño minimalista en algo más interesante e inspirador.
05. Telly
Telly es una startup que encuentra y comparte los videos virales más populares. Su «Acerca de» página hace uso de una descolorida, repitiendo vídeo de fondo, lo que ayuda a crear el ambiente maravillosamente.
06. Fernando Maclen
Fernando Maclen es un diseñador con talento que utiliza un vídeo de fondo borroso para ayudar a mostrar la forma en que funciona. El resultado es a la vez interesante y memorable, mientras se mantiene el diseño simple y limpio.
07. Windward
El fondo sutil a la página web de esta aplicación establece así el estado de ánimo
Barlovento es una aplicación para el iPhone que está diseñado para los navegantes al mostrar datos en torno a las mareas, la velocidad del viento y temperatura. El fondo de vídeo, que muestra un mar bastante agitado, no es demasiado molesto y hace un buen trabajo de establecer el estado de ánimo.
08. Matter
El fondo es inesperado – y por lo tanto tiene un impacto notable La materia es una consultoría de diseño estratégico que utiliza una serie de vídeos seleccionados al azar, cada uno mostrando una persona diferente, como los antecedentes de su sitio. Esto realmente ayuda a que el sitio se destacan, ya que es tan inesperado, la experiencia se vuelve notable y memorable.
09. Eagleclean
Londres empresa de limpieza Eagleclean incorpora una breve poco de vídeo en su sitio para ayudar a añadir un poco de humor. La página de inicio aparece inicialmente con una pequeña mancha, que se limpia rápidamente lejos por una mano enguantada.
10. Dromoland
Dromoland Castle es un prestigioso hotel y casa de campo en Irlanda. La página web hace uso de un fondo de gran escala de vídeo para mostrar los espectaculares jardines, campos de golf y la vida silvestre cerca.
11. Y.CO Yates
Incluso si usted no es uno de los pocos raros en el mercado de un yate de lujo, todavía encontrará el sitio web yate Y.CO interesante. Se utiliza un vídeo de gran tamaño para mostrar imágenes de una familia disfrutando de unas vacaciones en uno de sus yates como su backgrounfd. La película es una aspiración sin ser demasiado falsa o ‘salesy’.
12. Flipboard
Flipboard es una aplicación para iPhone y iPad que combina los canales RSS, Twitter y cuentas de Facebook en una revista digital, lo que le permite cambiar entre artículos de interés con facilidad. Debido a su interfaz de usuario es tan importante, el fondo de la página web está dedicada a un vídeo de la aplicación en uso. En este caso muestra que, en lugar de decirle, cómo funciona la aplicación es un golpe de genialidad.
13. Nike Jordan M6
El sitio web de Nike Jordan M6 utiliza el vídeo de fondo para contar la historia de cómo la nueva zapatilla ha sido diseñada.En lugar de poner a través de un mensaje abiertamente basado en las ventas, Nike sólo habla de las razones de cada decisión de diseño. Para cualquiera que esté pensando en comprar el Jordán M6, se convierte en una visión fascinante de cómo el producto llegó a ser.
14. Arcade Fire
Indie rock Arcade Fire a menudo han sido reconocidos por su rareza, y no decepcionó en este trailer promocional experimental para su álbum Neon Bible. Mientras se reproduce la pista del título, el vídeo de fondo está en sintonía, pero también es interactivo – intente hacer clic en las manos mientras se reproduce el vídeo.
15. The Cassette
El casete es una tienda de zapatos en línea francés, que utiliza el vídeo de fondo de forma creativa. El fondo de la página está dedicada a mostrar uno de sus bestsellers siendo modeladas para que pueda ver cómo se ve desde todos los ángulos. Fuente: Alex Black Alex Negro escribe para PrintExpress.co.uk . En su tiempo libre le gusta aprender a diseño y el código de las aplicaciones web y los estudios gráficos y de impresión de diseño.
