Caso de estudio · UX de producto

Event Admin Pro

Rescatar una plataforma de administración de registro de eventos de hace una década de su propia complejidad — y darles a los clientes una herramienta moderna y apta para móvil que realmente pudieran usar por sí mismos.

Rol: UX/UI de producto, investigación
Empresa: Convention Data Services
Herramientas: Adobe XD, PHP, Bootstrap 4
Tipo: Rediseño de producto interno

El prototipo

El prototipo interactivo de Adobe XD de la plataforma rediseñada:

Abrir el prototipo en Adobe XD ↗

El problema

Event Admin fue una de las primeras herramientas en las que me capacitaron en Convention Data Services — el lugar al que iban los clientes para editar emails, imágenes e información de eventos de sus páginas de registro. El problema era un front end que no se había tocado en casi una década, una UI confusa y una *segunda* herramienta de back end con una interfaz igual de anticuada que manejaba la base de datos. Los clientes dependían tanto de los gestores de registro para hacer ediciones simples que la plataforma frustraba su propio propósito, y el onboarding consumía horas de capacitación.

Objetivos

Tres necesidades claras impulsaron el rediseño: una UI moderna con una navegación realmente mejorada, un framework de front-end modular que reemplazara la base de código envejecida y un aspecto que coincidiera con el color y la tipografía de los demás productos de CDS de cara al cliente. También tenía que funcionar en móvil y tablet — el panel anterior simplemente no lo hacía.

Investigación y arquitectura

Realicé varias rondas de reuniones con desarrolladores y stakeholders para alinear tanto la base técnica — PHP como base con una muy necesaria actualización a Bootstrap 4 — como qué funcionalidad añadir, eliminar o consolidar. Como existían múltiples iteraciones de Event Admin en circulación (incluida una app separada de Web Developer Tools), creé unas Guías de Arquitectura + Leyenda que mapearon y condensaron la funcionalidad repetitiva entre ellas y reagruparon la navegación. Ese único artefacto se convirtió en la fuente de verdad del equipo — aceleró las decisiones, redujo el número de reuniones aproximadamente a la mitad y dejó un registro de lo ya acordado para que solo revisáramos lo que realmente requería aprobación entre departamentos.

El resultado

Renovamos la UI, reconstruimos el código con estándares modernos y simplificamos la navegación. Las nuevas capacidades incluyeron un Panel del Cliente con un resumen de un vistazo de la información del evento, el equipo que lo gestiona y una pestaña de ajustes de uso frecuente — más un Cargador Global integrado desde la app de Web Developer Tools para crear un único hub de subida de recursos. La interfaz por fin funcionaba en móvil y tablet, y el producto quedó visualmente sincronizado con el resto de la suite de CDS.

Las Guías de Arquitectura + Leyenda

Este es el artefacto que hizo el proyecto manejable. Varias versiones de Event Admin se habían separado entre apps distintas, así que documenté cada pantalla y función en un único esquema con una leyenda codificada por color — marcando qué conservar, fusionar, eliminar o construir de nuevo. Le dio a cada departamento un mapa compartido del cual trabajar, que es como consolidamos herramientas superpuestas en una sola plataforma y redujimos a la mitad el número de reuniones. Haz clic en cualquier diagrama para leer el detalle.

Esquema de producto + Leyenda — original

Esquema de producto + Leyenda — revisado

Abrir la leyenda interactiva en Adobe XD ↗

Antes — la plataforma heredada

La plataforma anticuada de hace una década que nos propusimos modernizar — desde el login hasta cada pantalla de configuración. Los detalles de cuenta y del sistema interno están difuminados por privacidad. Haz clic para ampliar.