UI / UX Design
Betterfly App: Diseño de producto B2C y B2B
Cómo trabajamos el diseño de experiencia end-to-end en una plataforma de bienestar corporativo: desde el onboarding de usuarios finales hasta el portal de gestión para empresas clientes.
Year :
2023-2024
Industry :
Wellness & InsurTech
Client :
Betterfly
Rol :
Product Designer

Contexto
Betterfly es una plataforma de bienestar corporativo que convierte hábitos saludables en donaciones a causas sociales. El modelo funciona en dos capas: los empleados usan la app para registrar sus hábitos y acumular impacto, mientras que las empresas clientes gestionan sus beneficios y reportan métricas desde un portal web dedicado.
Fui parte del equipo de diseño en un momento clave: la plataforma estaba creciendo rápidamente en LATAM y necesitaba madurar en ambos frentes al mismo tiempo. Mi trabajo cubrió tanto la experiencia del usuario final en la app como la del administrador corporativo en el portal B2B.


El problema
El producto tenía tracción pero presentaba fricciones importantes en los puntos de entrada de ambos flujos. En la app, el onboarding no comunicaba el valor diferencial de Betterfly con claridad. Muchos usuarios llegaban, se registraban y no entendían por qué sus hábitos importaban más allá de ellos mismos.
En el portal B2B, los administradores de empresas tenían dificultad para configurar beneficios y leer reportes. La interfaz era funcional pero no guiaba, lo que generaba dependencia del equipo de soporte para tareas básicas.
El onboarding de la app no transmitía el propósito de impacto social desde el primer uso, lo que afectaba la activación temprana. |
|---|
Los flujos de gamificación (Nodo, Journey) no tenían una narrativa coherente. Los usuarios no entendían la diferencia entre uno y otro. |
El portal B2B carecía de jerarquía visual. Los administradores no sabían por dónde empezar al entrar por primera vez. |
Ambas plataformas necesitaban escalar a nuevos mercados sin una guía de componentes consolidada. |
Resultados
32%Mejora en CSAT de usuarios finales | -30%Tickets de soporte en portal B2B |
|---|---|
-62%Tiempo de activación en onboarding | 20%Adopción de features nuevas |


Research
Antes de proponer cualquier solución, el equipo hizo una fase de investigación con ambos perfiles de usuario. Para la app, hicimos entrevistas con empleados de Chile, Brasil y Colombia. Para el portal, hicimos sesiones con administradores de RRHH de empresas clientes.
Los hallazgos fueron distintos en cada frente. En B2C, el problema era emocional: los usuarios no conectaban con el concepto de impacto. En B2B, era cognitivo: había demasiada información sin priorización y los flujos de configuración no tenían una lógica clara de inicio a fin.
El mismo producto, dos problemas completamente distintos. La solución tenía que ser diferente en cada caso.
También analizamos la competencia en wellness corporativo y detectamos que ninguna plataforma similar conectaba de forma explícita el uso individual con el impacto colectivo. Ese insight fue el que guió la dirección del rediseño del onboarding.
Mi proceso
Mapeo de flujos existentes
Audité los flujos actuales de la app y el portal para identificar puntos de abandono y fricción. Trabajé junto al equipo de producto para cruzar los datos de analytics con los hallazgos cualitativos del research. Eso nos permitió priorizar qué atacar primero en cada plataforma.


Rediseño del onboarding B2C
Rediseñé el flujo de onboarding para que el concepto de impacto apareciera en el momento cero, no después de que el usuario ya había perdido el interés. Propuse una secuencia de 3 pantallas que conectaba el hábito del usuario con una causa social concreta antes de pedirle que se registrara. Lo validamos con usuarios reales y ajustamos el copy y el orden de los pasos.

Diseño de features: Nodo y Journey
Trabajé en el diseño de dos features clave de la app. Nodo era un espacio social donde los usuarios podían ver el impacto colectivo de su empresa. Journey era un módulo de retos personales. Mi aporte fue clarificar la diferencia narrativa entre ambos y diseñar los componentes visuales que los diferenciaban sin fragmentar la experiencia general de la app.
Rediseño del portal corporativo B2B
Diseñé la arquitectura de información del portal desde cero. Definí la jerarquía de navegación, los flujos de configuración de beneficios y el sistema de reportes. El objetivo era que un administrador nuevo pudiera completar las tareas principales sin necesitar soporte. Esto lo hice en colaboración con el equipo de customer success, que nos proveyó los pain points más frecuentes.
Sistema de componentes compartido
Una parte importante de mi trabajo fue asegurar coherencia visual entre la app y el portal. Construí una librería de componentes en Figma que los dos productos podían usar como base, adaptando las variantes para web y mobile. Esto redujo el tiempo de diseño en sprints posteriores y le dio al equipo de desarrollo una referencia clara.
Testing y lanzamiento
Coordiné rondas de testing con usuarios de ambos perfiles antes del lanzamiento. Los cambios del onboarding se probaron con un grupo reducido antes del rollout general. En el portal, hicimos sesiones de prueba con administradores reales de empresas clientes para validar los flujos de configuración.
Lo que diseñé en cada frente
App móvil — experiencia del empleado (B2C)
Onboarding con propósito | Nodo — impacto colectivo |
|---|---|
Flujo de activación rediseñado para conectar hábito personal con impacto social desde la primera pantalla. | Espacio social donde el usuario ve cómo su actividad contribuye al impacto de su empresa en tiempo real. |
Journey — retos personales | Dashboard de hábitos |
Módulo de desafíos individuales con mecánicas de progreso y recompensa para sostener la motivación. | Vista principal rediseñada para dar protagonismo al impacto acumulado, no solo a las métricas de salud. |
Portal corporativo — experiencia del administrador (B2B)
Arquitectura de información | Configuración de beneficios |
|---|---|
Nueva estructura de navegación que prioriza las tareas más frecuentes del administrador de RRHH. | Flujo paso a paso para activar y gestionar los planes de bienestar sin depender del equipo de soporte. |
Reportes de adopción | Gestión de usuarios |
Dashboard de métricas rediseñado con jerarquía clara: primero el dato clave, luego el detalle. | Módulo para agregar, editar y gestionar empleados con estados claros y acciones en contexto. |
Decisiones de diseño clave
En la app, la decisión más importante fue poner el impacto antes del registro. Era un riesgo porque agregaba una pantalla más al flujo. Pero la hipótesis era que un usuario que ya entendía el "para qué" tendría mayor probabilidad de completar el onboarding. Los datos lo confirmaron.
En el portal, decidí simplificar la navegación principal a cinco secciones máximo y eliminar las acciones secundarias de la vista principal. Lo discutimos con el equipo de producto y customer success porque implicaba ocultar funcionalidades que algunos clientes usaban. La decisión fue correcta: los tickets de soporte bajaron y la navegación autónoma aumentó.

Diseñar para dos perfiles de usuario muy distintos en el mismo producto enseña a priorizar con criterio, no con intuición.
El sistema de componentes compartido fue una decisión técnica con impacto directo en el negocio. Al unificar la librería, los sprints de diseño posteriores fueron más rápidos y las inconsistencias entre plataformas desaparecieron. Fue un trabajo que hice en paralelo al diseño de features, pero que benefició al equipo a largo plazo.
Aprendizajes
B2B y B2C son lenguajes distintos | Activar antes de explicar |
|---|---|
El empleado necesita emoción y propósito. El administrador necesita claridad y control. El mismo diseño no sirve para los dos. | Mostrar el valor del producto antes de pedir datos fue la decisión que más movió la aguja en el onboarding. El usuario necesita entender el "para qué" primero. |
Los sistemas escalan, las pantallas no | Customer success es research |
Invertir tiempo en construir una librería de componentes compartida fue la decisión que más beneficio dio a largo plazo, aunque al principio parecía un trabajo de bajo impacto. | Los pain points que traía el equipo de soporte eran más precisos que muchas sesiones de entrevistas. Aprendí a incluirlos en el proceso desde el inicio. |

Más proyectos
UI / UX Design
Betterfly App: Diseño de producto B2C y B2B
Cómo trabajamos el diseño de experiencia end-to-end en una plataforma de bienestar corporativo: desde el onboarding de usuarios finales hasta el portal de gestión para empresas clientes.
Year :
2023-2024
Industry :
Wellness & InsurTech
Client :
Betterfly
Rol :
Product Designer

Contexto
Betterfly es una plataforma de bienestar corporativo que convierte hábitos saludables en donaciones a causas sociales. El modelo funciona en dos capas: los empleados usan la app para registrar sus hábitos y acumular impacto, mientras que las empresas clientes gestionan sus beneficios y reportan métricas desde un portal web dedicado.
Fui parte del equipo de diseño en un momento clave: la plataforma estaba creciendo rápidamente en LATAM y necesitaba madurar en ambos frentes al mismo tiempo. Mi trabajo cubrió tanto la experiencia del usuario final en la app como la del administrador corporativo en el portal B2B.


El problema
El producto tenía tracción pero presentaba fricciones importantes en los puntos de entrada de ambos flujos. En la app, el onboarding no comunicaba el valor diferencial de Betterfly con claridad. Muchos usuarios llegaban, se registraban y no entendían por qué sus hábitos importaban más allá de ellos mismos.
En el portal B2B, los administradores de empresas tenían dificultad para configurar beneficios y leer reportes. La interfaz era funcional pero no guiaba, lo que generaba dependencia del equipo de soporte para tareas básicas.
El onboarding de la app no transmitía el propósito de impacto social desde el primer uso, lo que afectaba la activación temprana. |
|---|
Los flujos de gamificación (Nodo, Journey) no tenían una narrativa coherente. Los usuarios no entendían la diferencia entre uno y otro. |
El portal B2B carecía de jerarquía visual. Los administradores no sabían por dónde empezar al entrar por primera vez. |
Ambas plataformas necesitaban escalar a nuevos mercados sin una guía de componentes consolidada. |
Resultados
32%Mejora en CSAT de usuarios finales | -30%Tickets de soporte en portal B2B |
|---|---|
-62%Tiempo de activación en onboarding | 20%Adopción de features nuevas |


Research
Antes de proponer cualquier solución, el equipo hizo una fase de investigación con ambos perfiles de usuario. Para la app, hicimos entrevistas con empleados de Chile, Brasil y Colombia. Para el portal, hicimos sesiones con administradores de RRHH de empresas clientes.
Los hallazgos fueron distintos en cada frente. En B2C, el problema era emocional: los usuarios no conectaban con el concepto de impacto. En B2B, era cognitivo: había demasiada información sin priorización y los flujos de configuración no tenían una lógica clara de inicio a fin.
El mismo producto, dos problemas completamente distintos. La solución tenía que ser diferente en cada caso.
También analizamos la competencia en wellness corporativo y detectamos que ninguna plataforma similar conectaba de forma explícita el uso individual con el impacto colectivo. Ese insight fue el que guió la dirección del rediseño del onboarding.
Mi proceso
Mapeo de flujos existentes
Audité los flujos actuales de la app y el portal para identificar puntos de abandono y fricción. Trabajé junto al equipo de producto para cruzar los datos de analytics con los hallazgos cualitativos del research. Eso nos permitió priorizar qué atacar primero en cada plataforma.


Rediseño del onboarding B2C
Rediseñé el flujo de onboarding para que el concepto de impacto apareciera en el momento cero, no después de que el usuario ya había perdido el interés. Propuse una secuencia de 3 pantallas que conectaba el hábito del usuario con una causa social concreta antes de pedirle que se registrara. Lo validamos con usuarios reales y ajustamos el copy y el orden de los pasos.

Diseño de features: Nodo y Journey
Trabajé en el diseño de dos features clave de la app. Nodo era un espacio social donde los usuarios podían ver el impacto colectivo de su empresa. Journey era un módulo de retos personales. Mi aporte fue clarificar la diferencia narrativa entre ambos y diseñar los componentes visuales que los diferenciaban sin fragmentar la experiencia general de la app.
Rediseño del portal corporativo B2B
Diseñé la arquitectura de información del portal desde cero. Definí la jerarquía de navegación, los flujos de configuración de beneficios y el sistema de reportes. El objetivo era que un administrador nuevo pudiera completar las tareas principales sin necesitar soporte. Esto lo hice en colaboración con el equipo de customer success, que nos proveyó los pain points más frecuentes.
Sistema de componentes compartido
Una parte importante de mi trabajo fue asegurar coherencia visual entre la app y el portal. Construí una librería de componentes en Figma que los dos productos podían usar como base, adaptando las variantes para web y mobile. Esto redujo el tiempo de diseño en sprints posteriores y le dio al equipo de desarrollo una referencia clara.
Testing y lanzamiento
Coordiné rondas de testing con usuarios de ambos perfiles antes del lanzamiento. Los cambios del onboarding se probaron con un grupo reducido antes del rollout general. En el portal, hicimos sesiones de prueba con administradores reales de empresas clientes para validar los flujos de configuración.
Lo que diseñé en cada frente
App móvil — experiencia del empleado (B2C)
Onboarding con propósito | Nodo — impacto colectivo |
|---|---|
Flujo de activación rediseñado para conectar hábito personal con impacto social desde la primera pantalla. | Espacio social donde el usuario ve cómo su actividad contribuye al impacto de su empresa en tiempo real. |
Journey — retos personales | Dashboard de hábitos |
Módulo de desafíos individuales con mecánicas de progreso y recompensa para sostener la motivación. | Vista principal rediseñada para dar protagonismo al impacto acumulado, no solo a las métricas de salud. |
Portal corporativo — experiencia del administrador (B2B)
Arquitectura de información | Configuración de beneficios |
|---|---|
Nueva estructura de navegación que prioriza las tareas más frecuentes del administrador de RRHH. | Flujo paso a paso para activar y gestionar los planes de bienestar sin depender del equipo de soporte. |
Reportes de adopción | Gestión de usuarios |
Dashboard de métricas rediseñado con jerarquía clara: primero el dato clave, luego el detalle. | Módulo para agregar, editar y gestionar empleados con estados claros y acciones en contexto. |
Decisiones de diseño clave
En la app, la decisión más importante fue poner el impacto antes del registro. Era un riesgo porque agregaba una pantalla más al flujo. Pero la hipótesis era que un usuario que ya entendía el "para qué" tendría mayor probabilidad de completar el onboarding. Los datos lo confirmaron.
En el portal, decidí simplificar la navegación principal a cinco secciones máximo y eliminar las acciones secundarias de la vista principal. Lo discutimos con el equipo de producto y customer success porque implicaba ocultar funcionalidades que algunos clientes usaban. La decisión fue correcta: los tickets de soporte bajaron y la navegación autónoma aumentó.

Diseñar para dos perfiles de usuario muy distintos en el mismo producto enseña a priorizar con criterio, no con intuición.
El sistema de componentes compartido fue una decisión técnica con impacto directo en el negocio. Al unificar la librería, los sprints de diseño posteriores fueron más rápidos y las inconsistencias entre plataformas desaparecieron. Fue un trabajo que hice en paralelo al diseño de features, pero que benefició al equipo a largo plazo.
Aprendizajes
B2B y B2C son lenguajes distintos | Activar antes de explicar |
|---|---|
El empleado necesita emoción y propósito. El administrador necesita claridad y control. El mismo diseño no sirve para los dos. | Mostrar el valor del producto antes de pedir datos fue la decisión que más movió la aguja en el onboarding. El usuario necesita entender el "para qué" primero. |
Los sistemas escalan, las pantallas no | Customer success es research |
Invertir tiempo en construir una librería de componentes compartida fue la decisión que más beneficio dio a largo plazo, aunque al principio parecía un trabajo de bajo impacto. | Los pain points que traía el equipo de soporte eran más precisos que muchas sesiones de entrevistas. Aprendí a incluirlos en el proceso desde el inicio. |

Más proyectos
UI / UX Design
Betterfly App: Diseño de producto B2C y B2B
Cómo trabajamos el diseño de experiencia end-to-end en una plataforma de bienestar corporativo: desde el onboarding de usuarios finales hasta el portal de gestión para empresas clientes.
Year :
2023-2024
Industry :
Wellness & InsurTech
Client :
Betterfly
Rol :
Product Designer

Contexto
Betterfly es una plataforma de bienestar corporativo que convierte hábitos saludables en donaciones a causas sociales. El modelo funciona en dos capas: los empleados usan la app para registrar sus hábitos y acumular impacto, mientras que las empresas clientes gestionan sus beneficios y reportan métricas desde un portal web dedicado.
Fui parte del equipo de diseño en un momento clave: la plataforma estaba creciendo rápidamente en LATAM y necesitaba madurar en ambos frentes al mismo tiempo. Mi trabajo cubrió tanto la experiencia del usuario final en la app como la del administrador corporativo en el portal B2B.


El problema
El producto tenía tracción pero presentaba fricciones importantes en los puntos de entrada de ambos flujos. En la app, el onboarding no comunicaba el valor diferencial de Betterfly con claridad. Muchos usuarios llegaban, se registraban y no entendían por qué sus hábitos importaban más allá de ellos mismos.
En el portal B2B, los administradores de empresas tenían dificultad para configurar beneficios y leer reportes. La interfaz era funcional pero no guiaba, lo que generaba dependencia del equipo de soporte para tareas básicas.
El onboarding de la app no transmitía el propósito de impacto social desde el primer uso, lo que afectaba la activación temprana. |
|---|
Los flujos de gamificación (Nodo, Journey) no tenían una narrativa coherente. Los usuarios no entendían la diferencia entre uno y otro. |
El portal B2B carecía de jerarquía visual. Los administradores no sabían por dónde empezar al entrar por primera vez. |
Ambas plataformas necesitaban escalar a nuevos mercados sin una guía de componentes consolidada. |
Resultados
32%Mejora en CSAT de usuarios finales | -30%Tickets de soporte en portal B2B |
|---|---|
-62%Tiempo de activación en onboarding | 20%Adopción de features nuevas |


Research
Antes de proponer cualquier solución, el equipo hizo una fase de investigación con ambos perfiles de usuario. Para la app, hicimos entrevistas con empleados de Chile, Brasil y Colombia. Para el portal, hicimos sesiones con administradores de RRHH de empresas clientes.
Los hallazgos fueron distintos en cada frente. En B2C, el problema era emocional: los usuarios no conectaban con el concepto de impacto. En B2B, era cognitivo: había demasiada información sin priorización y los flujos de configuración no tenían una lógica clara de inicio a fin.
El mismo producto, dos problemas completamente distintos. La solución tenía que ser diferente en cada caso.
También analizamos la competencia en wellness corporativo y detectamos que ninguna plataforma similar conectaba de forma explícita el uso individual con el impacto colectivo. Ese insight fue el que guió la dirección del rediseño del onboarding.
Mi proceso
Mapeo de flujos existentes
Audité los flujos actuales de la app y el portal para identificar puntos de abandono y fricción. Trabajé junto al equipo de producto para cruzar los datos de analytics con los hallazgos cualitativos del research. Eso nos permitió priorizar qué atacar primero en cada plataforma.


Rediseño del onboarding B2C
Rediseñé el flujo de onboarding para que el concepto de impacto apareciera en el momento cero, no después de que el usuario ya había perdido el interés. Propuse una secuencia de 3 pantallas que conectaba el hábito del usuario con una causa social concreta antes de pedirle que se registrara. Lo validamos con usuarios reales y ajustamos el copy y el orden de los pasos.

Diseño de features: Nodo y Journey
Trabajé en el diseño de dos features clave de la app. Nodo era un espacio social donde los usuarios podían ver el impacto colectivo de su empresa. Journey era un módulo de retos personales. Mi aporte fue clarificar la diferencia narrativa entre ambos y diseñar los componentes visuales que los diferenciaban sin fragmentar la experiencia general de la app.
Rediseño del portal corporativo B2B
Diseñé la arquitectura de información del portal desde cero. Definí la jerarquía de navegación, los flujos de configuración de beneficios y el sistema de reportes. El objetivo era que un administrador nuevo pudiera completar las tareas principales sin necesitar soporte. Esto lo hice en colaboración con el equipo de customer success, que nos proveyó los pain points más frecuentes.
Sistema de componentes compartido
Una parte importante de mi trabajo fue asegurar coherencia visual entre la app y el portal. Construí una librería de componentes en Figma que los dos productos podían usar como base, adaptando las variantes para web y mobile. Esto redujo el tiempo de diseño en sprints posteriores y le dio al equipo de desarrollo una referencia clara.
Testing y lanzamiento
Coordiné rondas de testing con usuarios de ambos perfiles antes del lanzamiento. Los cambios del onboarding se probaron con un grupo reducido antes del rollout general. En el portal, hicimos sesiones de prueba con administradores reales de empresas clientes para validar los flujos de configuración.
Lo que diseñé en cada frente
App móvil — experiencia del empleado (B2C)
Onboarding con propósito | Nodo — impacto colectivo |
|---|---|
Flujo de activación rediseñado para conectar hábito personal con impacto social desde la primera pantalla. | Espacio social donde el usuario ve cómo su actividad contribuye al impacto de su empresa en tiempo real. |
Journey — retos personales | Dashboard de hábitos |
Módulo de desafíos individuales con mecánicas de progreso y recompensa para sostener la motivación. | Vista principal rediseñada para dar protagonismo al impacto acumulado, no solo a las métricas de salud. |
Portal corporativo — experiencia del administrador (B2B)
Arquitectura de información | Configuración de beneficios |
|---|---|
Nueva estructura de navegación que prioriza las tareas más frecuentes del administrador de RRHH. | Flujo paso a paso para activar y gestionar los planes de bienestar sin depender del equipo de soporte. |
Reportes de adopción | Gestión de usuarios |
Dashboard de métricas rediseñado con jerarquía clara: primero el dato clave, luego el detalle. | Módulo para agregar, editar y gestionar empleados con estados claros y acciones en contexto. |
Decisiones de diseño clave
En la app, la decisión más importante fue poner el impacto antes del registro. Era un riesgo porque agregaba una pantalla más al flujo. Pero la hipótesis era que un usuario que ya entendía el "para qué" tendría mayor probabilidad de completar el onboarding. Los datos lo confirmaron.
En el portal, decidí simplificar la navegación principal a cinco secciones máximo y eliminar las acciones secundarias de la vista principal. Lo discutimos con el equipo de producto y customer success porque implicaba ocultar funcionalidades que algunos clientes usaban. La decisión fue correcta: los tickets de soporte bajaron y la navegación autónoma aumentó.

Diseñar para dos perfiles de usuario muy distintos en el mismo producto enseña a priorizar con criterio, no con intuición.
El sistema de componentes compartido fue una decisión técnica con impacto directo en el negocio. Al unificar la librería, los sprints de diseño posteriores fueron más rápidos y las inconsistencias entre plataformas desaparecieron. Fue un trabajo que hice en paralelo al diseño de features, pero que benefició al equipo a largo plazo.
Aprendizajes
B2B y B2C son lenguajes distintos | Activar antes de explicar |
|---|---|
El empleado necesita emoción y propósito. El administrador necesita claridad y control. El mismo diseño no sirve para los dos. | Mostrar el valor del producto antes de pedir datos fue la decisión que más movió la aguja en el onboarding. El usuario necesita entender el "para qué" primero. |
Los sistemas escalan, las pantallas no | Customer success es research |
Invertir tiempo en construir una librería de componentes compartida fue la decisión que más beneficio dio a largo plazo, aunque al principio parecía un trabajo de bajo impacto. | Los pain points que traía el equipo de soporte eran más precisos que muchas sesiones de entrevistas. Aprendí a incluirlos en el proceso desde el inicio. |






