Volver a Diseño UX
UX / PRODUCT DESIGN · CASE STUDY: CIVI Conecta

Sistema de gestión de contenidos Educacional

CIVI Conecta es una plataforma de gestión educativa diseñada para centralizar procesos, contenidos e información asociados a establecimientos, docentes y estudiantes. El desafío fue transformar una estructura compuesta por múltiples roles, categorías y tareas administrativas en una experiencia clara y organizada, permitiendo gestionar desde instituciones y cursos hasta encuestas, unidades y situaciones emergentes desde un mismo entorno digital.

Rol
Diseñador
Año
2024
Disciplina
UX / UI
Imagen principal del proyecto
01 / Contexto

Definir la estructura antes de diseñar

La fase inicial de CIVI Conecta se enfocó en comprender cómo debía organizarse una plataforma capaz de concentrar distintas tareas educativas y administrativas dentro de un mismo entorno. Junto a stakeholders y el equipo TI se definieron los primeros requerimientos, entre ellos un dashboard principal que permitiera visualizar y acceder rápidamente a las categorías más relevantes, complementado por una navegación persistente para recorrer las distintas áreas del sistema.

A partir de estas definiciones se comenzó a estructurar la arquitectura de información, diferenciando funciones de administración —como establecimientos, cursos, docentes y carga de contenidos— de módulos asociados al uso pedagógico, como encuestas, unidades, situaciones emergentes y efemérides. Este primer mapa permitió transformar los requerimientos del negocio en una estructura navegable antes de avanzar hacia la interfaz.

Segunda imagen del proyecto
Segunda imagen del proyecto
02 / Proceso

Simplificar una arquitectura en crecimiento

A medida que las seis categorías principales de CIVI Conecta fueron definiendo sus funciones, el mapa de navegación evolucionó incorporando nuevos niveles, acciones y dependencias entre contenidos. El desafío fue absorber esta creciente complejidad sin trasladarla al usuario administrador. Para ello, cada flujo se descompuso en pasos y patrones de interacción reconocibles, utilizando la UI como un sistema común para mantener jerarquías, navegación, formularios, estados y acciones consistentes en toda la plataforma. Así, aunque cada módulo respondía a necesidades diferentes, el administrador podía aprender una misma lógica de uso y reutilizarla durante todo su recorrido.

Organización de flujo complejo

El mapa de navegación evolucionó junto con los requerimientos de CIVI Conecta, permitiendo visualizar relaciones entre las seis categorías principales y reorganizar progresivamente sus flujos y subfunciones. El Manager de Establecimientos es un ejemplo de esta lógica: un módulo que concentra procesos relacionados con instituciones, cursos y docentes, reduciendo la fragmentación de tareas dentro de un flujo con múltiples niveles. Esta arquitectura permitió definir recorridos más coherentes y establecer una base común para trasladar posteriormente esa organización a la interfaz.

Segunda imagen del proyecto
Segunda imagen del proyecto
Tercera imagen del proyecto Tercera imagen del proyecto

Patrones compartidos entre módulos

Efemérides y Situaciones Emergentes comparten una estructura de navegación y gestión similar, reutilizando patrones para crear, consultar, filtrar y administrar contenidos. Esta consistencia permitió resolver necesidades diferentes bajo una misma lógica de interacción, facilitando el aprendizaje del sistema y manteniendo una experiencia coherente entre categorías.

03 / Resultado

Una experiencia coherente para un sistema complejo

CIVI Conecta permitió transformar una arquitectura de múltiples categorías, usuarios y procesos en una experiencia digital estructurada bajo una lógica común. La consistencia de la interfaz, la reutilización de patrones y la simplificación progresiva de los flujos hicieron posible que cada nueva funcionalidad pudiera integrarse sin perder claridad ni continuidad dentro de la plataforma.

El trabajo colaborativo entre UX, stakeholders y el equipo TI fue clave para convertir requerimientos educativos y administrativos en decisiones concretas de producto. Más que diseñar una colección de pantallas, el proyecto significó construir un sistema capaz de crecer manteniendo una experiencia coherente, comprensible y centrada en las personas que debían utilizarlo.

Ver todos los proyectos UX