Plataforma de recompensas Emotivoo
Plataforma web de recompensas rediseñada para motivar a los usuarios mediante un sistema basado en puntos, permitiendo el canje de premios a través de un catálogo multimarca gestionado por Gift4. Es totalmente personalizable para la marca de cada cliente.
Prototipo en Figma
KPI's
Línea base de UX / Producto (antes del rediseño):
- Diseño visual obsoleto que no transmitía confianza ni valor de recompensa
- Fuertes inconsistencias entre pantallas y patrones de interacción
- Sin componentes globales ni elementos de UI reutilizables
- Diseños fragmentados que aumentaban la carga cognitiva
- Mala capacidad de descubrimiento de premios e información de puntos
- Una experiencia de recompensa que se sentía transaccional en lugar de motivadora
Impacto de UX / Producto (después del rediseño):
- UI clara y consistente en todos los flujos principales
- Usabilidad mejorada y previsibilidad en la navegación
- Mayor facilidad para descubrir premios mediante categorías estructuradas
- Ciclo de vida de los puntos transparente (ganados, canjeados, por caducar)
- Mejora de la seguridad y confianza del usuario en la plataforma
- Reducción de la dependencia del soporte gracias a mensajes y estados más claros
Resultados de negocio y compromiso:
- Mayores tasas de canje de premios, especialmente en tarjetas regalo digitales
- Aumento de la retención de usuarios impulsado por el progreso visible y el aviso de caducidad
- Mayor valor percibido de los incentivos sin cambiar la lógica de recompensa
- Implementación más rápida de nuevas campañas gracias a los componentes reutilizables
Rol:
Diseñador de producto (UX/UI) y Diseñador Front-end (HTML + Tailwind + php básico)
Mercado:
España, Francia y Portugal
Equipo:
1 Product owner
1 Senior Project Manager
1 Diseñador de Producto/UX/UI
3 Desarrolladores Full-stack (PHP)
1 QA Tester
1 Especialista en Ciberseguridad
Herramientas:
Figma, Illustrator, Photoshop, HTML, CSS, Bootstrap 5
Duración:
En curso
Enero 2025 – Actualidad
Contexto y Problema
Emotivoo ya era una plataforma de recompensas funcional, pero su experiencia de usuario y su capa visual limitaban gravemente su potencial.
El producto sufría una gran falta de madurez en el diseño UX/UI: un diseño antiguo y poco atractivo, fuertes inconsistencias entre pantallas, ausencia de un sistema de diseño consolidado y sin componentes globales. Cada sección se comportaba de forma diferente, lo que hacía que la plataforma fuera más difícil de entender y menos atractiva para los usuarios.
Aunque los usuarios podían ganar y canjear premios, la experiencia no lograba conectar emocionalmente, guiar a los usuarios ni destacar el valor del ecosistema de recompensas de Gift4.
El reto no era reconstruir la lógica de negocio, sino rediseñar la experiencia para que la plataforma se sintiera moderna, coherente, escalable y verdaderamente centrada en el usuario.
Objetivo
Rediseñar Emotivoo para convertirla en una plataforma de recompensas clara, atractiva y escalable mediante:
- Modernización del lenguaje visual para aumentar la confianza y el valor percibido.
- Tener en cuenta las limitaciones de CSS de Bootstrap 5 para los desarrolladores.
- Creación de una UX consistente en todas las secciones de la plataforma.
- Definición de componentes globales reutilizables y patrones de interacción.
- Mejora de la capacidad de descubrimiento de premios e información de puntos.
- Hacer que el ciclo de vida de los puntos sea fácil de entender de un vistazo.
- Convertir el canje de premios en una experiencia motivadora e intuitiva.
Todo ello manteniendo intacta la lógica de negocio existente y el catálogo de recompensas de Gift4.
Descripción de la Solución
El rediseño se centró en la estructura, la consistencia y la escalabilidad, basándose en tres pilares clave:
Sistema de diseño y componentes globales
Se introdujo un sistema de diseño unificado para estandarizar la tipografía, el color, el espaciado, los componentes y los estados, garantizando la consistencia visual y de interacción en toda la plataforma.
Experiencia centrada en la recompensa
Se rediseñaron el marketplace y los flujos de recompensa para destacar el valor, la claridad y el atractivo emocional, haciendo que los premios sean deseables y fáciles de alcanzar.
Control transparente del usuario
Se implementaron paneles de control claros y vistas estructuradas para ayudar a los usuarios a comprender sus puntos, canjes y caducidades sin fricciones.
Lógica de Recompensas
Las recompensas se basan en un modelo de acumulación de puntos:
- Los usuarios ganan puntos a través de campañas o participación.
- Los puntos se pueden canjear una vez que se alcanza un umbral mínimo.
- Cada premio muestra claramente los puntos necesarios.
- Se advierte a los usuarios cuando los puntos están a punto de caducar.
Tipos de recompensas admitidas:
- Tarjetas regalo digitales (Amazon, Spotify, IKEA, tarjetas de combustible, etc.)
- Experiencias y actividades de ocio
- Entradas de cine
- Donaciones a ONGs
Acceso e Incorporación
La plataforma prioriza el acceso con baja fricción. Los usuarios pueden iniciar sesión rápidamente y ver inmediatamente su saldo de puntos y las recompensas disponibles, sin flujos complejos de incorporación.
Esto garantiza que la experiencia de recompensa se sienta inmediata y motivadora desde la primera interacción.
Marketplace de Recompensas
Una vez iniciada la sesión, los usuarios pueden explorar el catálogo de premios a través de categorías claramente definidas:
- Experiencias
- Entradas de cine
- Tarjetas regalo
- Donaciones
Las opciones de búsqueda y filtrado ayudan a los usuarios a encontrar rápidamente recompensas que coincidan con sus intereses, incluso con un catálogo amplio. El marketplace está diseñado para estar orientado al consumidor, reforzando el valor emocional de los premios.
Detalle de Recompensa y Canje
Cada premio incluye una vista de detalle dedicada que muestra:
- Descripción de la recompensa.
- Puntos necesarios.
- Condiciones de canje.
- Disponibilidad y limitaciones.
Si el usuario no tiene puntos suficientes, el sistema comunica claramente lo que falta, reforzando el compromiso orientado a objetivos.
Seguimiento de Puntos y Actividad
La sección "Mis puntos" ofrece a los usuarios una transparencia total sobre su actividad:
- Puntos disponibles.
- Puntos ganados.
- Puntos canjeados.
- Puntos caducados.
- Puntos próximos a caducar.
Los gráficos y las tablas de historial ayudan a los usuarios a comprender su comportamiento a lo largo del tiempo y a evitar la pérdida de recompensas no utilizadas.
Gestión de Recompensas Canjeadas
Una vez canjeadas, las recompensas se guardan en una sección dedicada donde los usuarios pueden:
- Ver las recompensas activas.
- Descargar vales o códigos.
- Consultar las fechas de caducidad.
Esto elimina la incertidumbre y reduce la necesidad de contactar con soporte.
Sistema de Diseño y Fundamentos de UI
Una parte fundamental del proyecto fue pasar de un diseño basado en pantallas a un producto basado en sistemas.
Se creó un sistema de diseño ligero pero escalable, que incluye:
- Paleta de colores y tipografía unificadas.
- Reglas estandarizadas de espaciado y diseño.
- Componentes y patrones reutilizables.
- Estados de interacción consistentes (hover, activo, deshabilitado, vacío).
Se definieron componentes globales reutilizables para la navegación, tarjetas, tablas, botones, formularios, distintivos de estado y alertas, reduciendo drásticamente las inconsistencias y mejorando la velocidad de desarrollo.
Resultados
El rediseño ofreció un fuerte impacto cualitativo y cuantitativo:
- Tasas de canje de premios más altas impulsadas por una UX más clara.
- Mejora de la retención de usuarios gracias al progreso transparente y la concienciación sobre la caducidad.
- Reducción de la fricción operativa para los equipos que gestionan los incentivos.
- Fuerte preferencia por las tarjetas regalo debido a su inmediatez y flexibilidad.
- Una plataforma ahora lista para escalar en nuevos mercados y campañas.
Conclusión
Este proyecto transformó Emotivoo de un producto funcionalmente correcto pero visualmente obsoleto en una plataforma de recompensas coherente y moderna.
Al introducir una sólida base de UX/UI, un sistema de diseño reutilizable y un modelo de interacción centrado en la recompensa, la plataforma ahora comunica el valor con claridad, escala de manera eficiente y fomenta el compromiso de los usuarios a largo plazo en España, Francia y Portugal.
