// case study
Cinecanibal.com
Distribuidora y productora de cine — catálogo de estrenos, tienda y cine on demand.
Online ↗![[descripción de la imagen]](images/cover_CineCanibal.jpg)
Problema
Cine Caníbal es una distribuidora y productora de cine. Selecciona lo mejor del cine nacional, internacional e independiente para llevarlo a las salas mexicanas, desde títulos indie hasta joyas premiadas en festivales como Cannes y Berlín. Plataforma continua desde 2008. El objetivo: un catálogo en línea para la difusión de sus estrenos, capaz de seguir atrayendo usuarios nuevos.
Contexto
El catálogo de películas se actualiza semanalmente, así que el sitio tiene que sostener ese ritmo de contenido nuevo sin fricción — altas constantes sin que el mantenimiento se vuelva un cuello de botella.
Mi rol
Diseño, desarrollo y código completo del sitio, desde la primera versión en 2009 hasta la v6 actual — cada versión respondiendo a necesidades nuevas del negocio (tienda, cine on demand, programación de cines por geolocalización, buscador).
Decisiones de frontend
Estado
El home siempre refleja lo actual: estrenos y "próximamente", con el catálogo actualizándose cada semana.
Datos
Cines por geolocalización, Buscador y Ver en línea — los tres consumidos vía JSON — entre las actualizaciones más recientes del sitio.
Componentes
Catálogo de películas, tienda (Shopify — posters, pines, Blu-ray), cine on demand vía Vimeo VOD, y catálogo en streaming.
Buscador: filtra el catálogo completo por género, país, director y año. Ver en línea: panel de disponibilidad on demand, con dónde está cada película en streaming — Netflix, Prime Video, Apple TV, YouTube Movies y HBO.
Ruteo
Navegación superior fija con PRÓXIMAMENTE, PELÍCULAS, BUSCADOR, ON LINE / VER EN LÍNEA, TIENDA EN LÍNEA y CONTACTO. Buscador y Ver en línea se cruzan entre sí (un link directo de uno al otro), así el usuario pasa de filtrar el catálogo a ver qué está disponible ahora mismo en streaming sin perder el hilo.
Accesibilidad
Marcado validado contra el estándar W3C, y Google Analytics real vía gtag.js para medir tráfico y uso.
Performance
Pruebas de velocidad de carga con herramientas de speed test. [¿cuál usas — PageSpeed Insights, GTmetrix? y algún número o mejora concreta que quieras mencionar — ajústalo]
Testing
Revisión visual en varios navegadores y celulares, más feedback directo del equipo de Cinecanibal.
Qué no hice, y por qué
No monté un CMS ni panel de administración — con actualizaciones semanales que yo mismo gestiono, páginas HTML nuevas por película siguiendo una convención es más rápido que mantener un backend. Y en ninguna de las 6 versiones rehice el sitio desde cero: cada una agregó una pieza nueva sobre lo que ya funcionaba (tienda, VOD, geolocalización, buscador) en vez de arriesgar un rediseño completo.
Cómo revisé el trabajo
Revisión en varios navegadores y celulares, con feedback directo de Cinecanibal. A diferencia de este portafolio, el sitio de Cinecanibal sí tiene Schema.org (Organization y Movie, con ficha técnica, reparto y tráiler por película) y Analytics implementados de verdad — Google Analytics vía gtag.js, más seguimiento de conversiones de Google Ads.
Resultado
6 versiones del sitio desde 2009, de un catálogo simple a incluir tienda, cine on demand y geolocalización de cines para atraer usuarios nuevos de forma constante — en los últimos 30 días el sitio recibió ~12 mil usuarios activos según GA4, con 17 mil vistas y 12 mil usuarios nuevos, un crecimiento de +19-27% vs. los 30 días anteriores. La mayoría desde México, pero también con tráfico constante de Estados Unidos, España y varios países de Latinoamérica.
Con más tiempo
La integración de POD (dónde ver cada película en streaming — Netflix, Prime Video, Apple TV, YouTube Movies y HBO) y el buscador por género, país, director y año ya están en producción. [¿Qué sigue después de esto? — ajústalo]