Caso de estudio | Product Design · Branding · Accesibilidad
Mejorar la enseñanza semipresencial con experiencias digitales adaptadas
Diseñé la experiencia de una plataforma educativa accesible para adolescentes, desde 300 encuestas hasta un design system probado para tres tipos de daltonismo.
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
Adobe XD
Miro · Figma · Adobe Creative Suite
TL;DR
El proyecto donde aprendí a investigar de verdad
01
CONTEXTOTFM sobre educación online post-COVID. Sin usuarios conocidos, sin equipo. Oportunidad de hacer algo con rigor real, no académico.
02
ACCIÓNResearch de campo con permiso institucional, 5 meses de proceso, DS accesible desde cero, IA pensada con responsabilidad ética.
03
RESULTADOPrototipo funcional para dos dispositivos, sistema de diseño accesible para tres tipos de daltonismo, metodología transferible.
Contexto
Lo semipresencial cae en tierra de nadie
La pandemia rompió la educación. Nadie había diseñado bien esa transición. Un TFM como oportunidad de aportar rigor real a un problema que lo necesitaba.
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.
Imagen en camino
lo sé, lo sé. está en mi lista.
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.
Imagen en camino
lo sé, lo sé. está en mi lista.
Mapa de empatía + análisis competitivo — identificando brechas en la experiencia semipresencial
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.
Imagen en camino
lo sé, lo sé. está en mi lista.
Sitemap — estructura centrada en el flujo del estudiante semipresencial
Imagen en camino
lo sé, lo sé. está en mi lista.
Flujo de seguimiento — cómo el estudiante retoma donde lo dejó
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.
Imagen en camino
lo sé, lo sé. está en mi lista.
Wireframes — estructura de contenido y navegación adaptativa
Imagen en camino
lo sé, lo sé. está en mi lista.
Prototipo mid-fi — flujos de seguimiento y contenido
Imagen en camino
lo sé, lo sé. está en mi lista.
Prototipo high-fi — UI final con branding y accesibilidad
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
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.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
+80 componentes responsive con modo claro/oscuro y accesibilidad integrada
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Imagen en camino
lo sé, lo sé. está en mi lista.
Contribució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.
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
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.