Volver
Luis PintoOct 2024 - Jun 2025

MUVi

MUVi pantalla principal

MUVi (Museo Universitario Virtual) — plataforma para la venta de recorridos virtuales en 360° de los museos de la Universidad de Colima: compra, acreditación de horas universitarias y CMS completo.

01El reto

Arte universitario sin vitrina.

La Dirección General de Patrimonio Cultural de la Universidad de Colima custodiaba colecciones valiosas, pero no tenía forma de mostrarlas ni de venderlas en línea.

La apuesta fueron recorridos inmersivos en 360° que cualquiera pudiera comprar desde casa y que los estudiantes pudieran acreditar como horas culturales. Un museo que no cierra.

02El producto

El e-commerce de recorridos en 360°.

Pantalla 1

Consulta la información de cada museo de la Universidad de Colima.

Pantalla 1

Explora los recorridos que ofrece cada museo.

Pantalla 1

Compra con MercadoPago el que más te interese.

Pantalla 1
Pantalla 2

Disfruta la experiencia virtual con Kuula.

Pantalla 1
03Mi rol

Frontend, backend y lo que faltaba.

Entré como desarrollador frontend, pero el proyecto pedía más: cuando los endpoints del backend no estaban listos, los resolví para no bloquear la entrega.

El CMS terminó siendo un sistema de gestión completo, con edición de contenido, carga de imágenes y configuración de los tours de Kuula.

Landing pública

Presentación de MUVi, los museos y sus colecciones, con el catálogo de recorridos disponibles, su precio y su descripción.

Pasarela con MercadoPago

Integración de pagos para comprar los recorridos. Los estudiantes pueden canjear su acceso por horas universitarias acreditables.

Recorridos Kuula en 360°

Los tours virtuales se incrustan dentro de la plataforma una vez completada la compra.

CMS interno

Panel para administrar museos, exposiciones, recorridos y contenido sin intervención técnica, construido sobre Prisma y PostgreSQL.

04Vista del CMS

El back-office que nadie ve.

CMS
05Resultado y aprendizaje

Los requerimientos cambian; el producto, no.

La product owner cambió los requerimientos a lo largo de todo el proyecto.

Aprendí a no enamorarme de mis diseños y a separar lo que cambia —el contenido y la estructura de las secciones— de lo que no puede cambiar: la arquitectura del CMS y el flujo de pagos.

05Stack

Tecnologías usadas.

TypeScriptReact.jsTailwind CSSPostgreSQLPrismaMercadoPagoNode.jsExpress.js
Proyecto anteriorMiUDC
Siguiente proyectoCereazúcar
LinkedInGitHubCurrículum