Miami Book Fair

Contexto

Un rediseño responsive pensado para escalar con uno de los eventos literarios más grandes del país.

Miami Book Fair conecta a autores y lectores a través de experiencias físicas y digitales. El sitio existente no podía acompañar el ecosistema de eventos en crecimiento de la fair, así que nuestro equipo lo reconstruyó desde cero, con un design system escalable como base.

Equipo

Alexis Alvarez, Everst Montero, Matías Di Gesu, Luis Gutiérrez

Roles

product design

product design

design system

design system

web design

web design

Rol y alcance

Estuve involucrada desde la investigación inicial hasta el diseño final, trabajando en UX y UI con foco en el sistema visual: construyendo los componentes y tokens que le dieron al equipo una base consistente desde donde diseñar. Eso implicó mapear los flujos de usuario de todo el sitio, desde explorar programas y eventos hasta gestionar la configuración de la cuenta, para que cada interacción siguiera la misma lógica sin importar en qué parte del sitio estuvieras.

El desafío

La plataforma existente tenía una navegación compleja y no contaba con una estructura escalable para acompañar un ecosistema de eventos y contenido en crecimiento. El desafío era crear algo cohesivo, accesible y flexible que siguiera fiel a la misión cultural de la fair.

Antes de pasar al diseño, necesitábamos entender qué estaba pasando realmente. Revisamos analytics existentes y feedback previo de usuarios para detectar dónde se perdían los visitantes, y analizamos otras plataformas culturales y de eventos a gran escala para ver qué funcionaba para audiencias similares. A partir de ahí, el card sorting nos ayudó a entender cómo los visitantes agrupaban naturalmente el contenido, y construimos un nuevo sitemap a partir de eso.

El resultado visual

Uno de los ejemplos más claros del design system en acción no fue solo una guía de estilos prolija, sino una herramienta real de la que todo el equipo podía partir. La tipografía y el color se definieron como tokens reutilizables (una tipografía para títulos, otra para texto, y distintos pesos), así cada pantalla partía de la misma fuente en vez de estilos sueltos que con el tiempo se iban desalineando.

Esa estructura fue lo que hizo posible la plantilla de página de evento: en vez de diseñar cada evento de forma individual, cada sección (info del evento, imagen, autores, ubicación) toma los mismos datos que un admin carga al crear un evento, así los eventos nuevos podían publicarse sin que una diseñadora tuviera que tocar una sola pantalla.

La compra de entradas fue otra área que necesitaba una estructura real. Mapeamos todo el flujo, desde el carrito vacío hasta la confirmación, para que cada estado tuviera una pantalla clara y consistente en vez de dejar a la gente adivinando.

Entrega final

Create a free website with Framer, the website builder loved by startups, designers and agencies.