Saltar al contenido

Proyecto personal — Product Design / Branding / Accesibilidad

Mejorando la enseñanza semipresencial con experiencias digitales adaptadas

Diseñé la experiencia y la identidad de una plataforma educativa semipresencial pensada para hacer el aprendizaje más accesible, humano y adaptado a las necesidades reales de estudiantes y profesores.

Interfaz móvil de Hipatia

Rol

Product Designer

UX, UI, branding y accesibilidad

Equipo

Proyecto propio

Diseño end-to-end individual

Duración

3 meses

Octubre — Diciembre 2024

Herramientas

Figma

FigJam · Notion · Optimal Workshop

Objetivo

Hacer el aprendizaje semipresencial más humano y accesible

El objetivo era diseñar una plataforma educativa que resolviera los problemas reales de la enseñanza semipresencial: falta de seguimiento, dificultad para adaptar contenidos a distintos ritmos de aprendizaje y desconexión entre la experiencia presencial y la digital.

"La tecnología educativa debería adaptarse al estudiante, no al revés."

El reto

Lo semipresencial cae en tierra de nadie

Las plataformas educativas existentes están pensadas para un modelo 100% online o 100% presencial. El formato semipresencial queda en tierra de nadie: los estudiantes pierden el hilo entre sesiones presenciales, los profesores no tienen visibilidad del progreso real y los contenidos no se adaptan al ritmo individual. El reto era diseñar una experiencia que conectara ambos mundos de forma natural.

Mapa de la experiencia actual — desconexión entre presencial y digital

Proceso · Research

Escuchar a estudiantes y profesores

Realicé entrevistas con estudiantes y profesores de formación semipresencial para entender sus frustraciones y necesidades reales. Combiné research cualitativo con análisis competitivo de plataformas existentes para identificar oportunidades de diferenciación.

Mapa de empatía + benchmark competitivo — brechas en la experiencia semipresencial

Mapa de empatía + análisis competitivo — identificando brechas en la experiencia semipresencial

Proceso · Arquitectura

Tres pilares: continuidad, progreso y accesibilidad

La arquitectura se diseñó en torno a tres pilares: continuidad entre lo presencial y lo digital, seguimiento de progreso adaptativo y accesibilidad como principio de diseño, no como añadido.

Sitemap centrado en el flujo del estudiante semipresencial

Sitemap — estructura centrada en el flujo del estudiante semipresencial

User flow — retomar el aprendizaje donde se dejó

Flujo de seguimiento — cómo el estudiante retoma donde lo dejó

Proceso · Prototipado

Accesibilidad desde el primer trazo

La interfaz evolucionó desde sketches iniciales hasta un prototipo high-fi validado con usuarios reales. Cada iteración priorizó la accesibilidad y la claridad, garantizando que la experiencia fuera inclusiva desde el primer momento.

1Wireframes
Wireframes — estructura de contenido y navegación adaptativa
2Prototipo mid-fi
Prototipo mid-fi — flujos de seguimiento y contenido
3Prototipo high-fi
Prototipo high-fi — UI final con branding y accesibilidad
Flujo interactivo completo← Scroll automático · Hover para pausar →
Pantalla 1 — Onboarding estudiante
Pantalla 2 — Dashboard de progreso
Pantalla 3 — Contenido adaptativo
Pantalla 4 — Sesión presencial + recursos
Pantalla 5 — Perfil de aprendizaje
Pantalla 6 — Vista del profesor
Pantalla 1 — Onboarding estudiante
Pantalla 2 — Dashboard de progreso
Pantalla 3 — Contenido adaptativo
Pantalla 4 — Sesión presencial + recursos
Pantalla 5 — Perfil de aprendizaje
Pantalla 6 — Vista del profesor

Proceso · UI & Design System

Identidad visual inclusiva y cercana

Creé la identidad visual de Hipatia y un sistema de componentes accesible (WCAG AA) pensado para adaptarse a distintos contextos de uso: móvil en transporte, tablet en clase y desktop en casa.

Paleta de colores + tipografías accesibles
Iconografía + estilo de ilustración educativo
Librería de componentes — cards de contenido, progreso, navegación adaptativa…

+80 componentes responsive con modo claro/oscuro y accesibilidad integrada

Pantalla final — Dashboard estudiante
Pantalla final — Contenido adaptativo
Pantalla final — Vista profesor

Mi aportación

Diseño end-to-end con propósito educativo

Al ser un proyecto personal, mi contribución abarcó todo el proceso de diseño de principio a fin.

Investigación y estrategia: Definí el problema, validé la oportunidad y establecí los principios de diseño que guiaron todas las decisiones.

Diseño inclusivo: La accesibilidad fue un principio de diseño desde el día uno, no un checklist final. Cada componente se pensó para ser usable por todos.

Branding con propósito: Creé una identidad visual que transmite cercanía y confianza, alineada con los valores de la educación inclusiva.

Branding de Hipatia — identidad visual completa

Resultados

Aprendizaje más conectado e inclusivo

Hipatia demostró que es posible diseñar experiencias educativas que conecten lo presencial con lo digital sin perder la humanidad del proceso.

93%

Tasa completado en tests

4.7/5

Satisfacción usuarios test

AA

Cumplimiento WCAG

3

Dispositivos optimizados

Antes
Experiencia fragmentada entre presencial y digital
Después
Experiencia unificada, accesible y adaptativa

Aprendizajes

Qué aprendí

Diseñar un proyecto personal de principio a fin me enseñó tanto como cualquier proyecto profesional.

01

Accesibilidad como motor creativo

Diseñar para todos no limita la creatividad, la potencia. Las restricciones de accesibilidad me llevaron a soluciones más elegantes.

02

Lo semipresencial tiene reglas propias

No es ni online ni presencial. Tiene su propia lógica y necesita patrones de diseño específicos que no existían.

03

Un proyecto personal es un laboratorio

Sin restricciones de cliente pude experimentar con procesos y herramientas que luego apliqué en proyectos profesionales.

Hablemos

¿Tienes un proyecto?

Estoy abierta a proyectos de diseño de producto, branding y colaboraciones que tengan sentido humano. Cuéntame en qué estás pensando.