NUTRIBÉN
CASE STUDY
Product Feature · Loyalty System UX Strategy · UI Redesign

Nutribén es una marca consolidada del sector de la nutrición infantil, con un ecommerce activo y una base amplia de personas usuarias recurrentes. El proyecto se centró en el rediseño del área de usuario del Club de fidelización, incorporando y estructurando un sistema de puntos canjeables como palanca de retención y valor de negocio. El diseño se abordó desde un enfoque mobile-first, priorizando los flujos clave del área privada en dispositivos móviles.

Nutribén - Mockup dispositivos

Mi rol

Product Designer. Responsable del rediseño UX/UI del área privada del Club, la definición del sistema de puntos y recompensas, y su integración dentro del ecommerce existente desarrollado en Shopify.

El problema

El sistema de fidelización existía, pero su funcionamiento no resultaba claro para las personas usuarias. La acumulación de puntos, su valor real y las opciones de canje estaban poco visibles, lo que reducía la percepción de beneficio y el uso recurrente del Club.

La experiencia carecía de una narrativa de progreso clara y de una jerarquía visual que ayudara a entender, de forma rápida, qué se había ganado y qué se podía hacer con ello, especialmente en contexto móvil.

0
Programa de fidelización
0
Flujos clave
(acumular · canjear)
0
Componentes
0
Área privada

"El reto no era añadir complejidad, sino hacer visible el valor del sistema."

Objetivos

A partir del problema detectado, los objetivos del proyecto fueron:

  • Mejorar la comprensión del sistema de puntos
  • Aumentar la percepción de valor del Club
  • Introducir una narrativa clara de progreso y recompensa
  • Simplificar la experiencia de consulta y canje en mobile
  • Integrar la feature sin romper el ecommerce existente
Nutribén - Sistema de puntos

Enfoque y proceso

El trabajo comenzó analizando cómo las personas usuarias interactuaban con el área privada, prestando especial atención al uso en dispositivos móviles.

A partir de ahí, se rediseñó la experiencia del Club reorganizando la información, clarificando estados y jerarquías, y definiendo flujos más comprensibles para la acumulación y el canje de puntos, siempre priorizando claridad y rapidez de uso en mobile.

UX y UI del sistema de puntos

El diseño UX se centró en la transparencia y la previsibilidad del sistema. A nivel visual, se reforzó la jerarquía y la legibilidad, integrando el sistema dentro del lenguaje existente de Nutribén y asegurando una experiencia coherente entre desktop y mobile.

Colaboración y alineación

El proyecto se desarrolló en coordinación con los equipos de producto y desarrollo, asegurando la viabilidad técnica del sistema y su correcta implementación dentro del roadmap existente.

Entregables

Análisis del Club de fidelización Rediseño UX del área privada (mobile-first) Rediseño UI del sistema de puntos Componentes y estados Documentación funcional

Estado actual

La funcionalidad está publicada y en uso. El rediseño mejora la comprensión del sistema de fidelización y refuerza la relación entre la marca y sus personas usuarias.