8 de abril de 2024
Visión general
Características clave
- Diseño responsive y accesible: layout limpio, amigable con dispositivos móviles, con cumplimiento WCAG (alt text, navegación por teclado).
- CMS basado en roles con permisos: permite que los departamentos gestionen su contenido de forma segura manteniendo la consistencia de marca.
- Portales específicos por audiencia: secciones a medida para estudiantes, docentes, exalumnos y donantes (herramientas de admisión, bases de datos de investigación).
- Búsqueda avanzada y navegación: búsqueda inteligente con filtros + menús y breadcrumbs claros para simplificar el descubrimiento de contenido.
- Integración de contenido dinámico: actualizaciones en tiempo real para eventos, noticias y catálogos de cursos vía APIs o plugins de CMS.
- Analítica y seguridad: seguimiento del comportamiento de usuarios para insights + cumplimiento RGPD y procesamiento seguro de pagos.
Galería
Tecnologías utilizadas
- Figma: para crear y gestionar assets y prototipos de diseño, además de compartir las librerías y el diseño con el equipo de desarrollo.
- Adobe Illustrator: para crear gráficos vectoriales.
- Jira: metodologías ágiles para gestionar los tiempos de entrega.
Retos
- Sobrecarga de contenido: gestionar más de 300 páginas requiere auditorías extensas para eliminar redundancia, actualizar contenido obsoleto y asegurar consistencia en el mensaje.
- Alineación con stakeholders: equilibrar prioridades de distintos departamentos (admisiones, docentes, exalumnos) manteniendo la marca institucional.
- Colaboración en equipo: coordinar entre equipos de comunicación (contenido, mensaje) y desarrollo (tecnología, UX) alineando flujos, plazos y herramientas (CMS, sistemas de diseño).
- Complejidad técnica: integrar sistemas legados (bases de datos de cursos, calendarios de eventos) con nuevas plataformas, asegurando responsive, accesibilidad (WCAG) y rendimiento.
- Experiencia de usuario (UX): diseñar para audiencias diversas (prospectos, docentes, exalumnos, donantes) simplificando la navegación y reduciendo la fricción (CTAs claros, optimización móvil).
- Alcance y timeline: evitar retrasos por revisiones interminables, demoras de contenido o obstáculos técnicos, manteniendo transparencia con los stakeholders.
Oportunidades de aprendizaje
- Estrategia de contenido: dominar la priorización y jerarquía en ecosistemas de contenido de gran escala.
- Colaboración multidisciplinaria: desarrollar procesos para trabajo en equipo fluido entre creativos, redactores y desarrolladores (flujos ágiles, librerías compartidas).
- Gestión de stakeholders: construir consenso mediante comunicación clara, compromiso e iteración.
- Buenas prácticas técnicas: adquirir experiencia en CMS (WordPress, Drupal), estándares de accesibilidad y optimización de rendimiento (lazy loading, caching).
- Diseño centrado en el usuario: aplicar insights de pruebas con usuarios y analítica para refinar la navegación y la entrega de contenido.
- Gestión ágil de proyectos: aprender a adaptarse a cambios de alcance manteniendo el proyecto en marcha.
Resultados medibles
- Contenido reducido de 300+ a ~180 páginas activas tras la auditoría, eliminando duplicados y contenido obsoleto.
- Una librería de componentes reutilizables con más de 40 componentes compartidos entre el sitio principal y la app móvil — cada nueva página del sitio de la universidad consume esta librería en lugar de reinventar markup.
- Cumplimiento WCAG AA alcanzado en toda la navegación principal y las plantillas de contenido (verificado con axe-core).
- Rediseño mobile-first para que la mayoría del tráfico de la universidad (prospectos desde teléfonos) aterrice en layouts diseñados para ellos, no en layouts de escritorio comprimidos.
- Un handoff documentado de diseño a desarrollo que el equipo interno de WordPress/React sigue usando para lanzamientos de secciones posteriores, sin necesitarme en el loop en cada cambio.