La plataforma de CEDIM rediseñada: una pantalla de inicio de sesión limpia con el logotipo de CEDIM, junto a un anuncio de campus de 'Clase Abierta', mostrada sobre un fondo de metal cepillado.
El inicio de sesión rediseñado: una plataforma anterior a 2010, rehecha al nivel de una escuela de diseño.

Caso de estudio · CEDIM

The New Roadmap —
Una plataforma académica

Un rediseño desde cero de la plataforma donde los estudiantes de diseño de CEDIM gestionan toda su vida académica —horario, documentos, tareas—, que lleva un sistema anterior a 2010 al nivel de la escuela de diseño a la que sirve — ahora en producción para los ~5,000 estudiantes activos de la escuela.

UX · UI · Sistema de Diseño


Rol
UX, UI y sistema de diseño (el desarrollo estuvo a cargo del equipo de la institución)
Cliente
CEDIM — una universidad de diseño en Monterrey, México
Tipo
Rediseño de plataforma académica / portal estudiantil
Restricción
Modernizar dentro del sistema heredado existente

El reto

Una plataforma que funcionaba, pero se sentía una generación atrás.

La plataforma académica de CEDIM es donde los estudiantes consultan su horario, suben documentos, dan seguimiento a sus tareas y gestionan toda su vida académica — en esencia, un Blackboard más sencillo. El problema: no se había actualizado de forma significativa desde antes de 2010. Funcionaba, pero se veía y se sentía anticuada.

Esa brecha importaba más aquí que en cualquier otro lugar. CEDIM es una escuela de diseño — sus estudiantes evalúan interfaces todos los días, y toda la identidad de la institución se construye sobre el diseño. La plataforma necesitaba dejar de sentirse como un software escolar genérico y empezar a sentirse como algo que pertenece a una universidad de diseño. Y todo ello, sin reconstruir el sistema que había debajo.

El mismo portal estudiantil mostrado dos veces: a la izquierda, la plataforma anterior a 2010 — un diseño apretado, de encabezado oscuro y saturado de avisos y tablas; a la derecha, el rediseño — un tablero limpio con la identidad de CEDIM que arranca con el nombre del estudiante, sus materias, su horario y sus mensajes.
Izquierda: el portal anterior a 2010. Derecha: el rediseño — la misma vida académica, con una generación de diferencia.

Mi rol

UX, UI y el sistema — entregados a través de las manos de otro equipo.

Yo era responsable del UX, la UI y el sistema de diseño; el desarrollo quedó en manos del equipo de la institución, y el roadmap respondía a la dirección de CEDIM. Eso definió el trabajo: mis diseños no se lanzaban porque yo los construyera — se lanzaban porque otro equipo podía construirlos y la escuela los aprobaba.

El trabajo siguió el ritmo de la institución — sprints mensuales, con el avance revisado frente a las prioridades de la dirección — y se validó donde de verdad importa: pruebas de usabilidad con estudiantes. Haber pasado yo mismo por CEDIM me dio ventaja para saber dónde la plataforma estorbaba; probar con estudiantes actuales mantuvo ese instinto honesto.


Proceso

Modernizar la experiencia, no solo la pintura.

  1. Auditar la plataforma anterior

    Mapeé aquello en lo que los estudiantes más dependían — horario, documentos, tareas — y dónde la experiencia anticuada los ralentizaba.

  2. Reestructurar la información

    Reorganicé toda la vida académica de un estudiante en una jerarquía más clara, para que cada tarea tuviera un lugar evidente en vez de quedar enterrada en un diseño anterior a 2010.

  3. Resolver el tablero

    Definí con qué debía arrancar la pantalla de inicio y cómo — el problema de diseño central de todo el proyecto (abajo).

  4. UI y sistema de diseño

    Diseñé una interfaz moderna, a la altura de una escuela de diseño, y un sistema de componentes para mantenerla consistente — eligiendo patrones que fueran a la vez una mejora y técnicamente factibles.


Decisiones clave y su justificación

Las decisiones que definieron el rediseño.

Decisión 01

Con qué arranca el tablero — y cómo

La decisión más difícil fue la pantalla de inicio. Horario, tareas, documentos, anuncios — todo competía por el lugar principal. En vez de volcar cada módulo de golpe, prioricé la vista sensible al tiempo: las clases de hoy y lo que vence a continuación, de modo que el tablero responda "¿qué necesito hacer ahora mismo?" en cuanto un estudiante inicia sesión.

Decisión 02

Diseñar dentro de las restricciones del sistema heredado — en conjunto

Como el desarrollo usaba el sistema existente, la factibilidad no era un filtro que yo aplicara solo — era una conversación permanente con el equipo de desarrollo. Yo proponía un patrón; ellos me decían qué podía renderizar la plataforma heredada; y aterrizábamos en la versión que conservaba la mejora en la experiencia sin romper su build.

La disciplina: favorecer la mejora real y entregable por encima del mockup ideal que nunca sale a producción — y especificar cada pantalla por completo, estados y casos límite incluidos, para que un "no se puede construir" se descubra en una revisión de sprint, y no después de ella.

Decisión 03

Mantener el nivel de una escuela de diseño

Para una institución cuyo producto es el diseño, la interfaz misma es una declaración de credibilidad. Por eso mantuve el nivel visual y de interacción más alto que en una herramienta interna típica, y alineé el look and feel con la identidad de CEDIM, orientada al diseño.


La entrega

Diseñado para sobrevivir la entrega.

Cuando no controlas el desarrollo, la especificación es el producto. Cada pantalla se entregó con sus estados documentados — carga, vacío, error, casos límite — y el sistema de diseño le dio al equipo de desarrollo componentes para ensamblar en lugar de píxeles que interpretar. El ciclo siguió el scrum de la institución: sprints mensuales, revisiones con el equipo de desarrollo y la dirección de la escuela, e iteración entre la especificación y el desarrollo hasta que quedó bien.


Resultado

En vivo en una escuela de diseño.

En producción
La plataforma académica donde los ~5,000 estudiantes activos de CEDIM gestionan su horario, documentos y tareas.
Validado con sus usuarios
Las pruebas de usabilidad con estudiantes moldearon el rediseño antes de escribir una sola línea.
Un sistema de diseño reutilizable
Componentes que el equipo de la institución amplía sin el diseñador presente.
Entregado dentro de las restricciones del sistema heredado
Una mejora real sobre el sistema existente, entregada mediante sprints mensuales con la dirección de la escuela.

Lo que me llevé de esto

El mejor diseño es el que puede salir a producción.

Diseñar para diseñadores subió mi propio nivel — no hay forma de esconder un trabajo descuidado ante un público que se dedica a esto. Y trabajar dentro de restricciones técnicas duras me enseñó que el diseño más fuerte no es el mockup más ambicioso; es la mejor experiencia que de verdad puede salir a producción. Reorganizar algo tan amplio como toda la vida académica de un estudiante también afinó mi forma de pensar sobre la jerarquía de información y la pregunta del tablero: de todo lo que podrías mostrar, ¿qué importa más, justo ahora?