Portafolio de 31 proyectos con filtro por categoría: el sitio de CINE 81 en Brasília
Case · WordPress· CINE 81 Produção Audiovisual

Portafolio de 31 proyectos con filtro por categoría: el sitio de CINE 81 en Brasília

Productora audiovisual B2B de Brasília con 13 años en el mercado obtuvo un Custom Post Type de portafolio con filtro por categoría (institucional, cultural, documental) y URL compartible por filtro, migrando 31 proyectos del sitio anterior en Portfolio.

El cliente

Gustavo Serrate dirige CINE 81 Produção Audiovisual desde hace 13 años en Brasília — documentales institucionales, películas de marca y proyectos sociales y culturales, con trabajos para la Embajada de España, la OIM/ONU, el Ministerio de Cultura y el Servicio Geológico de Brasil. El sitio anterior vivía en una plataforma de portafolio genérica (myportfolio.com) y necesitaba un hogar propio.

Arquitectura de dos entradas

La decisión de arquitectura fue separar dos experiencias: la raíz (/) es una página de bienvenida minimalista — video a pantalla completa, sin menú, solo el logo y dos botones — mientras que /home concentra la experiencia completa: manifiesto, estadísticas (14 años, 2 premios, 6 estados), servicios, portafolio, testimonios, preguntas frecuentes y contacto.

Portafolio como Custom Post Type

El portafolio se estructuró como un Custom Post Type propio (`portfolio`) con una taxonomía (`categoria-portfolio`) y campos ACF para cliente, año, video y ficha técnica. La grilla en /portfolio filtra por Institucional, Cultural o Documental con una URL permanente por categoría (/portfolio/institucional) y un botón de copiar enlace — el filtro es compartible, no es solo un estado de JavaScript que se pierde al actualizar la página.

Migración de 31 proyectos

Los 31 proyectos del sitio anterior — desde videoclips hasta documentales para la COP28 — fueron reingresados con texto narrativo, video incorporado (conversión automática de URL de YouTube/Vimeo a embed), categoría y ficha técnica, todos con miniatura propia cargando mediante una etiqueta <img> con object-fit en lugar de background-image en CSS, para compatibilidad con el caché de LiteSpeed.

Estado actual

El sitio está en línea en cineoitoum.org con la Fase 1 (infraestructura y tema) y la estructura de portafolio 100% completas. La Fase 2 está en curso: sustitución del video provisional del hero por el material final del cliente, testimonios reales en lugar de las tarjetas provisionales, y confirmación de datos históricos de algunos de los proyectos más antiguos — antes de pasar al SEO técnico y al hardening de seguridad en las fases finales.