INICIO
Presenta identidad, fechas y una selección destacada para comenzar la exploración.
← VOLVER AL PORTFOLIO04 / 05 / 2026
PRODUCT DESIGN / CULTURA / MULTIPÁGINA
FRAME FESTIVAL
UNA EXPERIENCIA CINEMATOGRÁFICA QUE CONECTA DESCUBRIMIENTO, PROGRAMACIÓN Y ENTRADAS.
Diseñé y desarrollé una experiencia multipágina para un festival de suspense, desde la exploración de películas hasta una simulación completa de selección y pago de entradas.
- ROL
- PRODUCT DESIGN & FRONT-END
- TIPO
- EXPERIENCIA MULTIPÁGINA
- STACK
- HTML / CSS / JAVASCRIPT
- AÑO
- 2026
CONCEPTO
EL FESTIVAL NECESITABA SENTIRSE COMO UNA EXPERIENCIA, NO COMO UNA CARTELERA.
FRAME parte de una identidad oscura y cultural para convertir la programación en una narrativa. La interfaz debía despertar curiosidad sin sacrificar fechas, sesiones o acciones de compra.
La tensión visual del suspense se construye mediante contraste, ritmo tipográfico y fotografía cinematográfica, manteniendo una navegación directa.
- Identidad reconocible desde la primera pantalla.
- Programación fácil de explorar.
- Jerarquía clara entre película, sesión y compra.
- Continuidad visual entre todas las páginas.
DESCUBRIMIENTO
UNA PROGRAMACIÓN QUE INVITA A ENTRAR EN CADA HISTORIA.
La selección combina referentes del suspense con una presentación editorial. Cada película funciona como una puerta de entrada a sinopsis, ficha y sesiones disponibles.
La composición evita una retícula comercial uniforme y alterna escala, imagen y ritmo para conservar el carácter de festival.
RECORRIDO
DEL INTERÉS POR UNA PELÍCULA A LA ENTRADA, SIN ROMPER LA ATMÓSFERA.
PELÍCULAS
Agrupa la programación y permite comparar títulos sin perder contexto.
DETALLE
Amplía sinopsis, datos y sesiones antes de iniciar la compra.
CHECKOUT SIMULADO
Completa selección, datos de pago y estados de confirmación o error.
PRODUCTO
UN PROTOTIPO MULTIPÁGINA QUE DEMUESTRA EL FLUJO COMPLETO.
El proyecto no se limita a una landing: conecta páginas, mantiene el lenguaje visual y simula los estados necesarios para comprender el recorrido del usuario.
La implementación responsive adapta la navegación, la cartelera y las acciones de compra para conservar claridad en móvil.
- Siete páginas conectadas.
- Búsqueda e interacción con JavaScript.
- Flujo de compra simulado.
- Estados de confirmación y error.
ENTRA EN FRAME