Proyecto: Marketplace B2B para Headspace

¡Hola a todos! Comparto con vosotros el resultado final del Reto 4, la culminación de trabajo del prototipado y diseño de experiencia de usuario para el ecosistema de Headspace.

 Sobre el Proyecto

La propuesta de espacio corporativo dentro del nuevo Marketplace B2B de Headspace. El objetivo es permitir que las organizaciones gestionen su propio contenido de bienestar (pausas activas, guías de enfoque y meditaciones) con la estética y filosofía de la marca.

 Resultados Clave

El proceso de testeo reveló que, aunque la estética de Headspace transmite calma, la precisión en las acciones de gestión (como guardar borradores o cancelar ediciones) es vital para el entorno corporativo. La iteración final optimiza la toma de decisiones del usuario, reduciendo el riesgo de pérdida accidental de datos.

Enlaces de Interés

• Vídeo de Presentación

• Enlace al Prototipo en Figma https://www.figma.com/proto/xoQ3HBtHvTtBXKBxDiSApP/R2_prototipo_Sergio_Bustamante?page-id=121%3A546&node-id=121-547&viewport=342%2C35%2C0.75&t=BOM8LLNYNvhae5dj-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=121%3A547

Espero que disfrutéis explorando tanto como yo he disfrutado diseñándolo. ¡Cualquier feedback es bienvenido!

Os presento mi proyecto sobre Headspace, enfocado en la creación de una cuenta de empresa dentro de la plataforma. Este reto me ha resultado un poco más complejo, ya que ha sido necesario diseñar un gran número de pantallas para que la interacción fuese lo más fluida y agradable posible, además de resolver algunas complejidades de diseño, como la creación de una tarjeta de recurso que integrase toda la información necesaria.

Esta dificultad la resolví añadiendo un menú de tres puntos al final de cada tarjeta, desde el cual los usuarios pueden acceder a dos acciones: editar o eliminar el recurso. De este modo, se evita sobrecargar visualmente la interfaz y se mantiene una experiencia limpia y coherente con el estilo de la aplicación.

Espero que disfrutéis tanto del vídeo como del prototipo. Si tenéis cualquier sugerencia de mejora o alguna otra forma de resolver este u otros aspectos del diseño, estaré encantada de leeros en los comentarios.
¡Entre todos podemos aprender mucho! ¡Gracias!

Enlace Figma

Este proyecto corresponde al reto final de la asignatura y consiste en el diseño, evaluación e iteración de un prototipo de alta fidelidad para un marketplace B2B de Headspace. El objetivo de la propuesta es permitir que las organizaciones creen su propio espacio dentro de la plataforma y gestionen contenidos de bienestar para sus equipos, manteniendo el lenguaje visual y la experiencia calmada característica de Headspace.

A lo largo del proyecto se ha trabajado de forma progresiva el prototipado, la evaluación con usuarios y la mejora del diseño a partir del feedback obtenido, siguiendo un enfoque centrado en el usuario.

Prototipo inicial

En primer lugar, se desarrolló un prototipo inicial de alta fidelidad a partir del trabajo realizado en retos anteriores y del UI Kit previamente construido. Este prototipo recoge los escenarios planteados en el enunciado y permite navegar por los flujos principales de creación, organización y gestión de recursos dentro del entorno corporativo de Headspace.

A continuación se muestra el vídeo del prototipo antes de realizar las iteraciones, que sirve como punto de partida para la evaluación de la usabilidad.

Test de usabilidad de guerrilla

Una vez validado el funcionamiento básico del prototipo, se llevó a cabo un test de usabilidad de guerrilla con tres participantes. El test se realizó en dispositivos móviles, con el objetivo de evaluar la experiencia en un contexto lo más realista posible. Los participantes realizaron las tareas propuestas sin recibir ayuda, empleando la técnica de pensamiento manifiesto para verbalizar sus decisiones, dudas y expectativas durante la navegación.

Este proceso permitió detectar fricciones relevantes en la experiencia de uso, entre las que destacan la falta de claridad entre recursos en borrador y publicados, la ausencia de personalización visual de las carpetas y cierta confusión sobre las acciones disponibles dentro de la plataforma.

Iteraciones realizadas

A partir de los resultados del test, se priorizaron las fricciones detectadas en función de su impacto en la experiencia del usuario. El prototipo fue iterado para mejorar la jerarquía visual de los estados de los recursos, reforzar la comprensión de la estructura de la información y clarificar las acciones posibles dentro del entorno corporativo.

Estas iteraciones se orientaron a reducir la carga cognitiva del usuario y a facilitar una navegación más intuitiva, especialmente en un contexto de uso profesional donde la claridad y la eficiencia son clave.

Prototipo final

Tras aplicar las mejoras derivadas del testeo, se obtuvo un prototipo final más claro, consistente y alineado con las necesidades detectadas durante la evaluación. La propuesta resultante mejora la comprensión del estado de los recursos y refuerza la organización visual de los contenidos dentro del marketplace B2B de Headspace.

A continuación se puede acceder al prototipo final tras las iteraciones realizadas.

Enlace a Figma

Vídeo de presentación al cliente

Para cerrar el proyecto, se ha realizado un vídeo de presentación en el que se expone de forma clara y concisa el contexto del proyecto, el proceso de diseño, el test de usabilidad realizado y el resultado final tras las iteraciones. Este vídeo está planteado como una presentación a cliente o responsable del proyecto.

Muchas gracias a todos.

Reto 4

Prototipo y Evalución

Introducción

Este reto consistió en diseñar y evaluar un flujo para empresas dentro de Headspace B2B, con el objetivo de facilitar la creación y gestión de programas de bienestar corporativo. El desafío me permitió aplicar habilidades clave en diseño de interacción, prototipado y análisis de datos, trabajando bajo plazos ajustados y con foco en la mejora continua.

1. Definición de flujos

El primer paso fue mapear los flujos críticos que los usuarios debían recorrer para cumplir sus objetivos. Identifiqué las siguientes tareas principales:

• Crear una cuenta corporativa
• Configurar el perfil de la empresa
• Crear programas (desde plantilla)
• Editar y publicar programa
• Eliminar programa
• Crear programas (desde cero)
• Buscar programas existentes
• Visitar el perfil

Este esquema fue la base para construir el prototipo inicial. Ver flujos

Prototipo Interactivo para testing (v1)

2. Primer prototipo y testeo de guerrilla

Diseñé un primer prototipo interactivo y lo validé mediante testeo de guerrilla con 3 usuarios reales, en sesiones de entre 10 y 15 minutos. Algunos hallazgos clave:

• Confusión terminológica: logotipo vs. avatar
• Interacción con IA: la generación automática de descripciones fue bien percibida
• Onboarding: todos los usuarios saltaron las pantallas iniciales
• Gamificación: algunos intentaron interactuar con pasos que no eran clicables
• Acciones críticas: buscaron botones de “Guardar” en lugar de “Previsualizar”

Estos insights revelaron oportunidades para simplificar flujos y mejorar la claridad visual.

Ver Script para moderación de las sesiones

3. Complemento con usuarios sintéticos

Para ampliar la perspectiva, creé 3 perfiles sintéticos con IA (Claude), simulando roles y contextos reales:

Marina, People & Culture Lead en una scale-up tecnológica
François, Director de Recursos Humanos en un grupo industrial
Emma, Global Wellness Manager en una consultora Big 4

Cada perfil incluyó objetivos, pain points y criterios clave (compliance, multilingüismo, burnout, etc.), lo que permitió evaluar el prototipo en escenarios más complejos y priorizar mejoras con impacto real.

Ver Reporte completo en Claude.ai

Ver Report en PDF

4. Análisis y mejoras

Combiné los hallazgos de usuarios reales y sintéticos para definir mejoras accionables:

• Mejoras en el onboarding y en los primeros pasos
• Reducir las opciones en el login
• Validación en tiempo real del dominio corporativo
• Filtros avanzados y búsqueda semántica
• Simplificación de la vista edición/publicación
• Afección y métricas al eliminar un programa
• Plantillas específicas por industria y multilingües

Estas mejoras se implementaron en la segunda iteración del prototipo

5. Reflexión y autoevaluación

Este proyecto fue una experiencia intensa y enriquecedora. Mis principales aprendizajes:

• Gestión del tiempo y priorización: trabajar con plazos ajustados me obligó a planificar cuidadosamente
• Design System sólido: clave para acelerar el desarrollo y garantizar coherencia visual.
  Moderación sin sesgos: descubrí que expresiones como “¡Perfecto!” pueden influir en las respuestas
• Diseñar con datos: transformar hallazgos en mejoras concretas fue la parte más gratificante.

En resumen, este reto me permitió crecer en áreas esenciales: diseño escalable, investigación sin sesgos y capacidad de iteración rápida basada en evidencia

Reporte completo en PDF

Video de Presentación para Cliente

Gracias por llegar hasta aquí

¿Comentarios o dudas? Escríbeme a cmanterola@uoc.edu