DISEÑO UX-UI PARA App MÓVIL / IMPACTO SOCIAL
App
TEAcompaño
Cómo transformar la incertidumbre del diagnóstico en una plataforma móvil accesible: un reto de diseño inclusivo y UX/UI para familias con TEA.
Un proyecto de diseño conceptual nacido desde la empatía y la experiencia propia, desarrollado bajo la metodología Design Thinking para demostrar el poder del diseño centrado en el usuario (UCD) en problemas complejos.
Proyecto:
PERSONAL
Año:
2025
Estado:
PROTOTIPO DE ALTA FIDELIDAD (Listo para desarrollo)
Nuestro Rol:
DISEÑO GRÁFICO
ILUSTRACIÓN
UX UI
PROTOTIPADO
Herramientas:
ILLUSTRATOR
PHOTOSHOP
FIGMA
IA
EL RETO
La soledad tras el diagnóstico.
El autismo afecta aproximadamente a 1 de cada 81 niños. Sin embargo, cuando una familia recibe el diagnóstico, se encuentra en un vacío de información. La fragmentación de recursos, la falta de herramientas inmediatas de comunicación y el estrés diario crean un escenario caótico.
TEAcompaño nace con el reto de centralizar, calmar y estructurar las necesidades del día a día en un único ecosistema digital móvil que no parezca una fría herramienta clínica, sino un acompañante amable.
EL PROCESO (Metodología Design Thinking)
Rigor estratégico: Diseñar desde la empatía.
En Studio Garabatos el diseño no empieza en los píxeles, sino en las personas. Aplicamos las 5 fases de la metodología Design Thinking para estructurar un proceso de diseño centrado en el usuario.
Empatizar
Investigación profunda (UX Research) mediante entrevistas familiares para mapear puntos de dolor.
Definir
Acotación de necesidades complejas, priorizando la comunicación inmediata y la estructura de rutinas.
Idear
Sesiones de bocetaje y wireframes enfocados en la baja carga cognitiva.
Prototipar
Diseño de interfaces de alta fidelidad y creación del sistema de diseño en Figma.
Testear
Validación de flujos de usuario (User Flows) y legibilidad de la iconografía con usuarios reales.
LA SOLUCIÓN
Interfaces intuitivas que transforman el día a día.
Comunicación Aumentativa (Pictogramas)
Un sistema de pictogramas interactivos integrados mediante un diseño de interfaz accesible. Permite al niño digitalizar sus necesidades básicas y estados emocionales, reduciendo drásticamente la frustración inicial antes de que se desarrolle el habla fluida.
Rutinas y Anticipación
«Anticipar es calmar«. El calendario estructurado mediante secuencias de pictogramas ayuda al niño a entender de forma autónoma qué va a pasar en su día (ej: ducha, cena, dormir), minimizando las crisis por transiciones.
El Directorio Comunitario
Conexión real en momentos críticos. Un mapa geolocalizado que centraliza terapeutas, logopedas, asociaciones verificadas y guías de ayudas legales para que las familias no tengan que perder meses buscando en internet.
ENFOQUE VISUAL
La psicología del color y la forma.
Cada elemento visual fue pensado estratégicamente:
Paleta de colores de alta fidelidad basada en un sistema de contraste funcional. El azul corporativo (#013983) y el rosa (#FB009B) lideran la identidad para transmitir seguridad y calidez humana. Los tonos secundarios se aplican de forma quirúrgica y en pequeñas dosis para guiar la navegación, el progreso y el dinamismo, protegiendo siempre la interfaz digital de saturaciones o fatiga cognitiva.
Aa Bb Cc
Dd Ee Ff
Combinación estratégica de Montserrat para títulos e identidad visual, junto a Open Sans para bloques de texto continuo. Un sistema tipográfico Sans-Serif con un tracking amplio, pesos muy contrastados y alta legibilidad. Está pensado específicamente para garantizar la jerarquía visual, reducir la fatiga ocular y funcionar con total claridad bajo situaciones de estrés o en usuarios con alta sensibilidad a estímulos visuales (TEA).
Diseño de componentes basados en la psicología de la forma, utilizando esquinas redondeadas y elementos visuales amables. Esta suavidad geométrica en botones y contenedores elimina la rigidez de las herramientas clínicas tradicionales, construyendo un entorno digital predecible, seguro y visualmente acogedor tanto para las familias como para los usuarios con TEA.
Aunque TEAcompaño surge como un proyecto de autor a falta de recursos de desarrollo técnico, representa al 100% la filosofía de trabajo de mi estudio: abordar problemas extremadamente complejos y humanos, estructurarlos mediante metodología y devolver una solución de diseño de producto visualmente impecable, intuitiva y con una experiencia de usuario (UX) totalmente accesible
«Este proyecto demuestra que el diseño gráfico y la experiencia de usuario tienen el poder real de mejorar la calidad de vida de las personas.»
¿Tienes una idea o un proyecto complejo que necesitas hacer realidad?
Si ya tienes claro lo que buscas, escríbeme.