Alan Combellack
- Servicios
- Diseño Web, Desarrollo Webflow
- Sector
- Servicios profesionales
- Año
- 2021

Introducción
Alan Combellack es filmmaker freelance en Barcelona: ficción, spots, documentales, historias de personas y oficios. Su portfolio tenía que hacer una sola cosa: que quien llegara lo viera como lo que es, un filmmaker profesional, y no como otra web de servicios. Con el menú arriba, el hero y la lista de servicios de una web de marketing normal, sus films habrían competido por la atención. Había que hacer lo contrario: que la web se apartara.
La barra lateral
Una barra lateral en vez de menú: la web se aparta y el film ocupa la pantalla

Una web de marketing normal empieza con una barra de navegación arriba y un hero que reclama la atención. Para un filmmaker, eso compite con lo único que debería verse: su trabajo.
Cambiamos el menú por una barra lateral, poco ortodoxa en una web comercial: una columna estrecha a la izquierda con el logotipo, el nombre y las entradas, que no se mueve al hacer scroll, y todo el ancho restante para los films. Tipografía pequeña, mucho aire y nada que compita con la imagen: lo primero que ves es un film, no un discurso.
Se apagan las luces
Al abrir un film, la web pasa a oscuro sola: solo queda la pieza

Ver un film sobre fondo blanco, rodeado de menús, no es ver un film: es ver una web con un vídeo dentro.
Cada página de film carga en modo oscuro de forma automática: fondo negro, la pieza a todo el ancho arriba, el título y la historia debajo y el resto de películas al pie. No hay botón ni ajuste: entrar a ver una pieza es apagar las luces de la sala. Y al volver al portfolio, la luz vuelve.
Cinco años después
El mismo diseño cinco años después, en Astro y con sus films en Sanity

Un portfolio que sigue funcionando cinco años después tiene que poder cambiar de tecnología sin cambiar de cara.
En 2026 lo sacamos de Webflow y lo reconstruimos en Astro, alojado en Vercel, con los films y las fotos en Sanity para que Alan los edite sin tocar código. El diseño es el mismo, pieza por pieza, incluidas la barra lateral y las páginas oscuras; lo que cambia es lo que hay debajo: una web estática en código propio.
En palabras del cliente
“Tengo una web a la altura de mis films: impacta por cómo se ve y funciona igual de bien. Y llegar hasta ella fue fácil, con una comunicación clara de principio a fin.”
Alan Combellack
Director y cineasta
En resumen
Una web que se aparta para que hablen los films. Cinco años después, sigue siendo la suya.
Herramientas
WebflowAstroSanityVercel



