Caso de estudio — 01

MQFF Málaga Queer Film Festival

MQFF / Málaga

3 días · 21 películas · una comunidad

Del brief a una web completa: diseño UX/UI en Figma y desarrollo en WordPress de un festival de cine queer, con compra de entradas incluida.

Proyecto de máster — La Hauss

Ver web en vivo

/ 01 — El encargo

Diseñar un festival donde todas las historias tengan lugar.

MQFF es un festival audiovisual de tres días dedicado al cine LGTBIQ+: 21 películas, un foro de debate y «Más que cine». El reto del máster era presentar una programación diversa sin convertirla en ruido, y que comprar una entrada fuera fácil.

Lo planteé como refugio y altavoz: un espacio para descubrir, compartir y preservar historias que durante demasiado tiempo quedaron fuera de plano. Y no me quedé en el prototipo: lo construí en WordPress, con la compra de entradas funcionando.

Contexto: Máster en Diseño UX/UI y Programación Web · La Hauss
Servicios: UX · UI · Prototipo · Desarrollo WordPress
Mi papel: Diseño y desarrollo, de principio a fin
Entrega: Prototipos en Figma y web publicada

Más que mostrar películas, MQFF crea un lugar donde reconocerse, encontrarse y ocupar la pantalla.

/ 02 — El proceso

Del brief a una web que funciona.

01 — Arquitectura

Hacer que 21 historias se encuentren sin perderse.

Ordené la programación en una arquitectura clara: una Home que lleva a comprar, un catálogo filtrable, fichas de película y un recorrido de compra que reduce cada decisión a lo esencial.
02 — Dirección visual

Una identidad con voz propia, sin recurrir al cliché.

El negro funciona como escenario, el blanco ordena y el fucsia activa. Una combinación directa y cultural donde la identidad del festival convive con la de cada película.
03 — Experiencia

Del descubrimiento de una película a reservar una butaca.

Prototipos navegables para móvil, tablet y escritorio: buscar, filtrar, consultar la ficha, elegir sesión y número de entradas, y comprar sin registrarse.
04 — Del prototipo a WordPress

Un diseño que funciona de verdad, no solo en Figma.

Tema propio desde cero: una plantilla por tipo de página, ACF para las 21 fichas con datos reales y un checkout que reserva sesiones. Sin constructores.

/ 03 — El sistema

El acento no decora. Señala.

El negro funciona como la sala de cine y el blanco ordena. El fucsia es de MQFF y solo aparece para guiar, activar y destacar: sobre negro en texto, sobre blanco solo en tamaños grandes y botones.

Málaga Queer Film Festival

Inter · Titulares en ExtraBold y mayúsculas, texto en Regular

Blanco #FFFFFF
Negro #020618
Fucsia MQFF #F10C94

17—19 oct 2026 · Sala 2 · 20:30

JetBrains Mono · Fechas, filtros y botones

Principio

Hacer visible sin convertir la identidad en un cliché.

Contraste del fucsia mqff

4,0:1 Sobre blanco · solo grande y botones
5,0:1 Sobre negro · texto normal (AA)

/ 04 — La entrega

De explorar el programa a sentarse frente a la pantalla.

/ Alcance

Una respuesta a cada punto del brief.

días de programación: 03
películas con su ficha y sus sesiones reales: 21
tamaños de pantalla: móvil, tablet y escritorio: 03

La entrega reúne mapa del sitio, sistema visual, componentes, catálogo filtrable, fichas de película y flujo de compra en prototipos navegables para móvil, tablet y escritorio, y la web publicada en WordPress.

Qué haría distinto hoy

Accesibilidad desde el principio

En MQFF quedó pendiente (desplegables, foco del buscador). En este portfolio la cuido desde el primer componente.
Usar la IA con criterio

El checkout fue la parte más difícil. Lo resolví apoyándome en herramientas de IA, y aprendí a usarlas sin perder el control del código.