MAMBO

Digital design and development for the most important modern art museum in Colombia.

Cliente
Museo de Arte Moderno de Bogotá
Año
2020
Servicios
UX/UI Design
Desarrollo web
Person holding a tablet, displaying a website about an art exhibition.

A full redesign of MAMBO's digital presence, building a modular design system and scalable platform that finally matched the ambition of one of Latin America's leading modern art museums.

contexto
El Museo de Arte Moderno de Bogotá había rediseñado su marca en 2020 con la ambición de competir con los mejores museos de arte de América Latina. Pero el lado digital no había seguido el mismo ritmo. No existían reglas claras para aplicar la nueva marca en línea, la creación de contenido era un problema constante para el equipo del museo, y el resultado era un sitio desorganizado, con elementos desconectados y una experiencia de usuario confusa. El reto era construir un sistema digital capaz de soportar todo lo que el museo produce regularmente, desde exposiciones y eventos hasta programas educativos y su colección permanente.
el proceso
Asumimos el alcance completo: estrategia de contenidos, diseño UX, wireframing, prototipado, diseño UI y desarrollo. La primera prioridad fue reestructurar la navegación del sitio a través de un proceso centrado en el usuario, prestando especial atención a cómo el equipo interno del museo crea y gestiona contenido. A partir de ahí, diseñamos un sistema de diseño modular para ordenar los contenidos, y desarrollamos propuestas de paleta tipográfica, reglas de color y espaciado orientadas a crear consistencia y diferenciar al MAMBO del resto de museos de la región. El desarrollo se realizó en WordPress desde cero, construyendo cada plantilla sobre el sistema de diseño con la escalabilidad como principio rector. También añadimos una sección completamente nueva: la colección del museo, disponible en línea por primera vez, permitiendo a los visitantes explorar más de 2.000 obras de forma virtual.
A person looks at a laptop displaying a colorful building design and the text "HABITAR LA CASA."
A person stands in front of a wall displaying nine framed photographs in a grid layout.
A display shows text about MAMBO with colorful sections and illustrations, including admission prices and membership details.
Open laptop displaying a museum website on a table with a spotlight on the screen.
herramientas
Herramientas pensadas para el éxito del proyecto
Los wireframes, el diseño visual y las interacciones se realizaron en Figma. El desarrollo fue construido en WordPress usando una plantilla personalizada creada desde cero con Sage. El sitio incluye además varias integraciones, entre ellas un sistema de base de datos que alberga la colección de más de 2.000 obras del museo.
A webpage displaying a digital art collection with various artwork thumbnails and descriptions.
Un sistema construido para crecer
Uno de los retos centrales fue darle al equipo del museo las herramientas para gestionar un alto volumen de contenido sin perder coherencia visual. Diseñamos un sistema modular de componentes que pueden combinarse libremente en las distintas páginas, permitiendo al MAMBO publicar exposiciones, eventos, programas educativos y actualizaciones de la colección de forma consistente e independiente, sin necesidad de un desarrollador para cada cambio.
Siguiente Proyecto
DoceMil Music