A 31-Project Portfolio with Category Filtering: The CINE 81 Site in Brasília
A B2B audiovisual production company in Brasília with 13 years in the market got a portfolio Custom Post Type with category filtering (institutional, cultural, documentary) and a shareable URL per filter, migrating 31 projects from the old site in Portfolio.
The client
Gustavo Serrate has run CINE 81 Produção Audiovisual for 13 years in Brasília — institutional documentaries, brand films, and social and cultural projects, with work for the Embassy of Spain, IOM/UN, the Ministry of Culture, and the Geological Survey of Brazil. The old site lived on a generic portfolio platform (myportfolio.com) and needed a home of its own.
A two-entrance architecture
The architectural decision was to separate two experiences: the root (/) is a minimalist welcome page — full-screen video, no menu, just the logo and two buttons — while /home holds the full experience: manifesto, stats (14 years, 2 awards, 6 states), services, portfolio, testimonials, FAQ, and contact.
Portfolio as a Custom Post Type
The portfolio was structured as its own Custom Post Type (`portfolio`) with a taxonomy (`categoria-portfolio`) and ACF fields for client, year, video, and technical credits. The grid at /portfolio filters by Institutional, Cultural, or Documentary with a permanent URL per category (/portfolio/institucional) and a copy-link button — the filter is shareable, not just a JavaScript state that gets lost on page refresh.
Migrating 31 projects
The 31 projects from the old site — from music videos to documentaries for COP28 — were re-registered with narrative text, embedded video (automatic conversion of YouTube/Vimeo URLs to embeds), category, and technical credits, all with their own thumbnail loading via an <img> tag with object-fit instead of CSS background-image, for compatibility with LiteSpeed caching.
Current status
The site is live at cineoitoum.org with Phase 1 (infrastructure and theme) and the portfolio structure 100% complete. Phase 2 is underway: replacing the hero's placeholder video with the client's final footage, real testimonials in place of the provisional cards, and confirming historical data for some of the older projects — before moving on to technical SEO and security hardening in the final phases.