¿Está buscando crear su propio sitio web de cartera de videos? Estás en el lugar correcto. Este artículo será una forma segura de comenzar a conocer lo que hace que un sitio web de portafolio de videos sea bueno y brindarle la inspiración que necesita.
En este momento, los videos son una de las formas más poderosas de involucrar y conectarse con personas de todo el mundo, su video no necesariamente necesita hablar el mismo idioma, solo imágenes puras, y una historia puede comunicarse con miles de personas.
Así que dicho esto, sitios web de cartera de videos se han convertido en una forma popular para que los videógrafos muestren su trabajo.
No importa el tipo de videos que desee mostrar en su cartera, necesitará un diseño para hacer que su cartera cobre vida y ahí es donde se enfoca este artículo, mostrándole los mejores y más exitosos ejemplos de carteras de videos.
¿Qué es un sitio web de portafolio de videos?
Un portafolio de videos es un sitio web que proporciona una manera de mostrar las creaciones de video. Es comúnmente utilizado por camarógrafos y contiene diferentes avances, escenas o videos cortos que los visitantes pueden visualizar directamente desde el sitio web.
Su navegador no soporta la etiqueta de vídeo.
La idea detrás de un portafolio de videos es que proporciona una manera rápida y fácil de compartir su trabajo con otros. Le permite mostrar sus habilidades, ser contratado, crear seguidores o buscar oportunidades de colaboración para trabajos futuros.
La creación de contenido de video se está convirtiendo en una industria masiva y cada vez más personas pueden involucrarse con el precio de los equipos de video y nuestros teléfonos son más accesibles que nunca.
8 ejemplos de portafolios de videos brillantes
Ahora que sabemos qué es un portafolio de videos y por qué es tan importante, veamos algunos ejemplos de portafolios de videos del mundo real para inspirarte aún más.
1. Colecciones Ehcier
Su navegador no soporta la etiqueta de vídeo.
Esta popular marca de moda está utilizando un hermoso sitio web de pantalla completa. Están utilizando un diseño de navegación único que es una forma simple y muy efectiva de sumergir al usuario en los diferentes videos.
El diseño de pantalla completa es tan poderoso para este tipo de portafolios de video. Es casi como si este efecto estuviera diseñado específicamente para este tipo de sitios web. Es la herramienta perfecta para la tarea perfecta.
El efecto de ajuste de desplazamiento hace que sea muy fácil visualizar videos en pantalla completa simplemente desplazándose hacia arriba o hacia abajo.
Su navegador no soporta la etiqueta de vídeo.
2. S. Mulvey
Aquí tenemos un diseño simple que usa un fondo negro para enmarcar inteligentemente el contenido. Esta técnica de fondo oscuro enfoca la atención de los usuarios en los videos y sus miniaturas.
También parece que estás en el cine con el fondo negro y los videos que se muestran en la página.
Este es un gran ejemplo de cómo puede exhibir una variedad de videos que provienen de diferentes categorías, algunos son videos musicales y otros son documentales. Este diseño funciona bien y es efectivo al ser fácil y sin obstrucciones.
3. Promoción
Un sitio web de ejemplo de cartera de videos más basado en información está aquí.
Esta productora utiliza su sitio web para contar una historia y ha creado un diseño de narración único para guiar al usuario a través de su trabajo e historia desde 2001.
El fondo es interactivo y usa un efecto de paralaje para crear un efecto 3D de estrellas en el espacio cuando mueves el mouse.
4. wanda
El siguiente paso es un enfoque muy interesante para mostrar videos.
Los videos están animados en la pantalla y se le presentan mientras vuelan en un patrón. Aunque esto puede parecer molesto al principio, es bastante interactivo ya que puede hacer clic en cualquiera de los videos en reproducción para ver más.
Es una forma única de mostrar tantos videos al visitante como sea posible, sin sonido, solo deja que los videos hablen por sí mismos.
5. Manu Coeman
Este ejemplo de portafolio de video utiliza un diseño simple pero transmite fácilmente el contenido a la audiencia.
Los videos se muestran en un formato similar a una cuadrícula, lo cual es excelente para ver las miniaturas de los videos. Pase el cursor sobre cada video para revelar más información, en la que puede hacer clic para ver el video completo.
El diseño es directo y al punto, sin perder el tiempo.
6. Diseño Hyogen
Este sitio web de cartera de videos utiliza un diseño de pantalla completa y el usuario debe desplazarse libremente para revelar más videos en un patrón vertical.
La estructura es bastante única e interactiva con el desplazamiento, al hacer clic en un video se muestra una nueva página para obtener más información.
Capta la atención del usuario ya que cada video se reproduce en silencio para que pueda ver cosas nuevas que suceden a izquierda y derecha, pero el centro se usa para dirigir el enfoque a ese video en particular.
7. Estudios Knorth
La página está usando un gran video de pantalla completa para su sección principal, atrayendo la atención de los usuarios e invitándolos a continuar desplazándose para obtener más información.
El sitio web de este estudio utiliza algunos efectos encantadores y hace que su sitio web sea interactivo cuando tienes que desplazarte sobre diferentes elementos para obtener más información, usando imágenes para hacer que la página sea interesante.
Debido a que una gran cantidad de texto no se muestra hasta que pasa el cursor sobre las cosas, tiene un diseño muy minimalista y fresco: un gran uso de los espacios en blanco de una manera creativa. También utiliza filtros de imagen CSS útiles para agregar efectos geniales a sus imágenes.
8. BLVR
Un excelente ejemplo de sitio web de cartera de videos que utiliza una amplia gama de funciones fantásticas. Comenzando con un video a gran escala para atrapar al visitante y llevarlo a explorar.
El sitio utiliza fuentes grandes para centrar la atención de los usuarios en sus valores y su trabajo. El texto de gran tamaño hace que el sitio se sienta limpio y moderno.
Hace un buen uso de los espacios en blanco para que el diseño se sienta fresco y no desordenado.
¿Por qué es importante un sitio web de portafolio de videos?
Tener un sitio web de cartera de videos proporciona una manera de mostrar su trabajo, encontrar nuevas personas con las que colaborar o ser contratado más fácilmente. Los camarógrafos, directores o agencias creativas saben lo importantes que son los portafolios de videos para encontrar nuevos clientes y promocionar su trabajo.
Si estás en la industria creativa o del video, tener un portafolio seguramente te abrirá nuevas puertas de una forma u otra. No se trata de “por qué necesita un sitio web de cartera de videos”, sino de “qué incluir en él” o “cómo construir uno”.
Hoy en día, algunas universidades o colegios solicitan un portafolio de videos, como la Universidad de Brown: El portafolio de videos marrón proceso es algo que valoran mucho al entrevistar a los estudiantes que solicitan la universidad.
¿Cómo hago un sitio web de portafolio de videos?
Aquí hay una lista de consejos para crear un buen diseño para un sitio web de cartera de videos:
- 1. Selecciona tus mejores videos.
- 2. Usa imágenes y videos de alta calidad. Estás vendiendo tus habilidades. Es importante impresionar con tus imágenes.
- 3. Considere usar controles deslizantes. Podrás mostrar más en menos espacio.
- 4. Lo ideal es usar fondos de video. Puede hacer esto usando fondos de video HTML o fondos de video de Youtube. Recomendamos Youtube para ahorrar ancho de banda y proporcionar un tiempo de carga más rápido.
- 5. Proporcione una forma de contactarlo. Esto es esencial.
- 6. Añade enlaces a tus redes sociales. A la gente le gusta ser real. No hay nada más real que tus redes sociales si las tienes. Youtube, Twitter, Vimeo, Flickr, 500px… Cualquier cosa que pueda aportar valor a la página ya tus habilidades.
Cuando busca construir su sitio web de cartera de videos, hay muchas rutas que puede tomar. Puede construirlo completamente desde cero usando HTML, CSS y JavaScript usted mismo o elegir trabajar con una plantilla.
También puede usar un creador de sitios web como Flujo web o un CMS como WordPress. Pero eso es para otro artículo. Lo que importa es qué agregar a su cartera.
Personalmente, creo que el uso de un diseño de pantalla completa le permite al usuario concentrarse en el contenido real por el que vino, los videos. Si bien el texto también es importante, un diseño de pantalla completa maximiza el espacio de la pantalla y permite que el visitante tenga una experiencia más inmersiva.
Si está ansioso por obtener más información sobre los sitios web de pantalla completa, le recomiendo que consulte fullPage.js. Le ahorrará tiempo, garantizará resultados perfectos y agregará un brillante efecto de desplazamiento a su sitio.
Como puede ver en la lista de ejemplos de portafolios de videos, tienden a favorecer la experiencia de pantalla completa y por una buena razón: ¡a los visitantes les encanta ver videos en pantalla completa!
Reflexiones finales sobre los ejemplos de nuestra cartera de videos
A estas alturas, espero que estos asombrosos ejemplos lo hayan inspirado y lo hayan hecho pensar en cómo se verá su diseño.
Es emocionante hacer que su trabajo salga a la luz y, lo que es más importante, lograr que el diseño de su sitio web sea correcto.
En general, asegúrese de hacer que su trabajo sea fácil de ver, las imágenes y los videos grandes van bien con los sitios web de pantalla completa y es importante ofrecer algo de contexto e información adicional para explicarse a sí mismo y el trabajo de video que ha realizado.
No siempre lo necesita, pero las animaciones sofisticadas y los elementos interactivos pueden ayudar a atraer a su audiencia, pero no se exceda. Los sitios web de portafolios de videos se tratan de ser divertidos y mostrar el trabajo que deseas publicar.
Artículos relacionados
Sobre el Autor:
lucas embrey es un desarrollador full-stack, BSc en Ciencias de la Computación y con sede en el Reino Unido.
Puedes saber más sobre él en https://lukeembrey.com/
