Granada is a portfolio for film and video studios, and it behaves more like a showreel than a website. The homepage is a single full-screen stage of autoplaying footage. The first project, Campus, plays as a short film loop of students playing chess in a city square and sprawled on picnic blankets with books, while a thin row of ruled columns across the middle holds a project counter, the title in a condensed serif, the discipline (Short Film Production), and the release month. A small white See the Project button sits at the bottom center, and "Scroll to reveal layers" waits in the corner.
That hint is the whole idea. Sofiane Izabachene stacks each case study as a layer, so scrolling wipes the next video up over the last one: a moody interior scene, then Vera Athletica, a promotional piece shot in snowy mountains. The header stays simple and white, with About, Services, Work, and Contact spaced across the top and a two-line menu icon on the right. The About page opens with another full-bleed image of a woman resting in a cobalt sweater, with three serif statements along the bottom edge, from "Since 2018" to "Precision meets emotion.", before switching to a black section labeled Approach.
On a phone, the footage crops tight on a face, the counter, title, discipline, and date fold into a neat two-column grid, and the See the Project button stays at the bottom.
We'd pick Granada for production companies, directors, and cinematographers with strong moving footage to show. It only works with good video, and the homepage gives visitors little text to scan, so make sure the About and Services pages carry your story. Check that the scroll-to-reveal effect feels natural to first-time visitors, since there is no visible project list on arrival.
Based on the live demo, viewed on desktop and on a phone. The Design and Dev scores come from separate independent reviews. See how we score templates.