Agustín Termezana: portfolio cinematográfico para un filmmaker y fotógrafo (en desarrollo)
En desarrollo: versión de prueba online, falta el dominio propio y los datos de contacto finales. Migración de un portfolio de Adobe Portfolio a una web propia con estética de cine: intro de diafragma de cámara, reel de video en la portada, 29 trabajos con sus fotos y videos, y un panel para que Agustín suba y edite sus trabajos sin tocar código.
El problema
Agustín es filmmaker, fotógrafo y diseñador gráfico, y tenía su trabajo en una plantilla genérica de Adobe Portfolio: una portada con un texto y un botón, y una grilla de proyectos igual a la de cualquier otro sitio. Para alguien que vende imagen y video, el propio portfolio no transmitía nada de su estilo, y cada cambio dependía de las herramientas de Adobe.
Objetivo
Una web propia que se sienta como su trabajo: cinematográfica, con el video como protagonista, que muestre todos sus proyectos con la calidad que tienen, que se vea impecable en celular y que él pueda actualizar solo: subir un trabajo nuevo, ordenar, destacar, cambiar textos y colores.
Contexto
29 trabajos para marcas como Levi's, JanSport, Johnnie Walker, Itaú, TECHO, Carter's y Moncler, entre video, fotografía y diseño, con 323 fotos y 29 videos alojados en Adobe Portfolio. No hay venta online ni cuentas de usuarios. En desarrollo: la versión de prueba está publicada en Netlify; faltan el dominio propio, el email y WhatsApp de contacto, y su foto para la sección Sobre mí.
La solución
Migración completa del sitio anterior: textos, fotos en su armado original (fotos solas y filas de 2 o 3), portadas y videos, convertidas a WebP en dos tamaños, con redirecciones desde las direcciones viejas. Portada con su nombre gigante sobre un reel que encadena fragmentos de sus videos con fundido, un visor de cámara (REC, código de tiempo, esquinas) y barras de cine que se cierran al bajar. En compu el reel va en 1080p; en celular usa sus videos verticales originales en 1080×1920 para que se vean nativos. Trabajos destacados en un recorrido horizontal fijado, archivo completo con filtros por categoría y vista en lista (con una vista previa flotante que reproduce el clip al pasar el mouse) o en grilla. Una página por trabajo con portada a pantalla completa, fotos que se revelan al bajar, filas justificadas, videos con portada y play (Adobe, YouTube, Vimeo o MP4), galería a pantalla completa y paso al siguiente proyecto. Panel /admin con contraseña, basado en el sistema que desarrollé para Jump Fit y Herrería Don Hugo, adaptado a un portfolio: alta y edición de trabajos por bloques (texto, foto, fila de fotos, video, cita), subida de varias fotos de una vez, categorías, destacados, orden, selector de videos del reel, colores, tipografías, SEO, vista previa en vivo, deshacer e historial de versiones.
Mi trabajo
Relevamiento y descarga del sitio anterior (scripts para bajar fotos, portadas y fragmentos de video, y convertirlos a WebP y MP4 livianos), diseño de la identidad web a partir de su estética (negro, tipografía condensada y el rojo del REC), copy, animaciones (intro con diafragma de cámara, transiciones de cortina entre páginas, cursor propio, botones magnéticos, cinta de marcas que acelera con el scroll, revelados), reel en alta calidad para compu y celular, adaptación del panel a la lógica de un portfolio, SEO por trabajo y puesta en línea.
Desafíos
Los videos estaban dentro del reproductor de Adobe y no se podían descargar directo: armé un descargador que lee la lista de reproducción de cada video y baja solo un fragmento, para usarlo como vista previa animada y en el reel, sin cargar los videos enteros en la web. Que el reel se vea realmente bien en celular: recortar un video horizontal para una pantalla parada lo deja blando, así que en celular el reel usa los videos verticales originales del cliente en su resolución nativa. Guardar el contenido del sitio viejo tal como estaba (orden y armado de cada trabajo) y a la vez hacerlo editable por bloques desde el panel.
Decisiones técnicas
Misma base técnica que Jump Fit y Herrería Don Hugo: sitio estático sin build, más funciones de Netlify y Netlify Blobs. Lo que se publica desde el panel no requiere un nuevo deploy y entra en el plan gratuito. Cada trabajo tiene su propia página prerenderizada (título, descripción e imagen para compartir), y la navegación entre páginas es sin recargar, con transición. Los videos completos siguen reproduciéndose desde Adobe hasta que el cliente los suba a YouTube o Vimeo: alcanza con pegar el link en el panel.
Tecnologías
Frontend
Backend
Base de datos
Herramientas
Funcionalidades
Galería
Resultados
Estado: en desarrollo. Versión de prueba online en Netlify. Migrado: 29 trabajos, 323 fotos y 29 videos (con portada y vista previa animada), más 14 clips en alta calidad para el reel de la portada. Falta: dominio propio, email y WhatsApp de contacto, y foto del cliente para Sobre mí.