En este reto he trabajado en la deconstrucción y evolución de la interfaz de Headspace, abordando el proyecto desde dos vertientes clave: la sistematización visual y la exploración de nuevos modelos de negocio.

1. Sistematización con Atomic Design El primer objetivo fue analizar la aplicación actual para construir un UI Kit escalable. Aplicando la metodología de Brad Frost (Atomic Design), organicé los elementos desde sus cimientos (colores, tipografías, sombras) hasta componentes complejos interactivos. Este proceso implicó una reestructuración semántica de los estilos (pasando de definiciones por ubicación a definiciones por jerarquía) y la implementación de Variables y Variantes en Figma para asegurar la interactividad y consistencia del sistema.

2. Prototipado B2B: Headspace Partner En la segunda fase, exploré un escenario hipotético B2B para que empresas y profesionales puedan gestionar contenido de bienestar. Para ello, desarrollé un prototipo de baja fidelidad (Low-Fi) centrado en la funcionalidad y el flujo de usuario. Utilicé herramientas de IA Generativa (Vercel) para iterar rápidamente sobre la arquitectura de información, resultando en dos flujos complementarios:

• Onboarding: Un asistente paso a paso para nuevos registros.

• Dashboard: Un panel de gestión ágil para usuarios recurrentes
  

  Versión completa
  Mockups y Pantallazos
  Lo-fi Wireframe
  Vercel

Este proyecto demuestra cómo una base sólida de diseño permite escalar el producto hacia nuevas funcionalidades con coherencia y agilidad.

Puedes navegar por el prototipo interactivo aquí: