ProyectosNext.js · Portfolio audiovisual

Elite Films

Portfolio de filmmaker con vídeo a pantalla completa y contacto directo por WhatsApp

proyectos de vídeo: 6
fotos en la galería: 17
rodado en 4K, servido optimizado: 4K → 1080p

Objetivo

Que el trabajo de un filmmaker se vea como en el cine, también en el móvil, y que quien lo vea le escriba en un toque.

Punto de partida

Andrés Ruiz graba vídeos y fotos y lleva redes sociales para negocios, marcas y creadores en Sevilla. Lo difícil de una web así es que lo que hay que enseñar son vídeos: rodados en 4K, pesan muchísimo y tienen que arrancar solos, incluso en el iPhone, sin dejar la página parada.

Solución

La portada es un vídeo a pantalla completa, con una versión para el ordenador y otra vertical para el móvil. Cada proyecto se reproduce solo en su tarjeta con una versión ligera, y dentro está la pieza entera con su historia.

Para no subir másteres a la web preparé un script con FFmpeg que saca las versiones optimizadas de los originales sin tocarlos. Además de los vídeos hay una galería de fotos, ofertas con sus precios y una página de tarifas para llevar redes sociales, y todo acaba en lo mismo: un WhatsApp con el mensaje ya escrito.

Qué construí

Vídeo de portada a pantalla completa, con un montaje horizontal y otro vertical para el móvil
Arranque del vídeo reforzado para cuando iOS bloquea la reproducción automática
Sin reproducción automática si pides menos movimiento o tienes activado el ahorro de datos
Tarjetas de proyecto con vídeos que se reproducen solos, en una versión ligera
Script con FFmpeg que genera las versiones web sin tocar los originales: rodado en 4K y servido optimizado a 1080p
Galería de fotos, ofertas con sus precios y cuatro planes de tarifas para redes sociales
Contacto por WhatsApp con el mensaje ya escrito desde cualquier página

Resultado

La web está publicada con su trabajo real: seis proyectos de vídeo, diecisiete fotos y sus tarifas, para que un cliente vea lo que hace y cuánto cuesta sin tener que preguntar.