Volver a Proyectos
Rediseño de Card de Planes y preparación para Test A/B
Rediseño UI de la card de planes con foco en jerarquía visual, pricing y tratamiento del descuento, alineado al Design System y preparado para validación mediante test A/B.
Tags
UI Design Optimización de Conversión Design System Test
Cliente
Contexto y problema
A partir del análisis previo de patrones UX y benchmark de industria, se detectaron oportunidades claras de mejora en la card de planes, particularmente en la forma en que se presenta el precio, el descuento y la jerarquía de la información.
La card actual presentaba desafíos de lectura y comprensión, lo que podía afectar la percepción de valor y la toma de decisión durante los flujos de contratación.
Rol y enfoque
Mi rol en esta etapa fue principalmente UI Designer, con foco en jerarquía visual, claridad del pricing y correcta aplicación de patrones del Design System.
Si bien el trabajo se articuló dentro de un marco de experiencia y conversión, la responsabilidad estuvo centrada en la exploración visual, la toma de decisiones de diseño y la preparación de soluciones listas para ser validadas mediante experimentación.
Enfoque de diseño
El rediseño se abordó desde un análisis específico de patrones de descuento y pricing, explorando distintas jerarquías visuales y posiciones del DiscountLabel dentro de la card.
Se desarrollaron versiones comparables de la card, asegurando consistencia con el Design System existente y manteniendo control sobre las variables visuales para facilitar una futura validación A/B.
Solución
La solución consistió en la definición de dos versiones de la card:
Versión A: Card actual, utilizada como base de comparación.
Versión B: Card rediseñada, con mejoras en jerarquía visual, legibilidad del precio y visibilidad del descuento.
Ambas versiones quedaron preparadas para test A/B, permitiendo evaluar el impacto de las decisiones visuales sobre la comprensión y conversión.
Impacto
El trabajo dejó un set de soluciones de UI listas para ser testeadas, reduciendo la incertidumbre en torno a decisiones visuales críticas y facilitando la continuidad del trabajo por parte de Research y Producto.
Además, reforzó la coherencia del componente dentro del Design System y su correcta aplicación en flujos de venta.
Aprendizajes
El proyecto evidenció la relevancia del diseño UI en la percepción de valor y en la claridad de la información en contextos de decisión rápida.
También reforzó la importancia de diseñar componentes con foco en experimentación, preparando soluciones comparables y alineadas al sistema desde el inicio.
Estado del proyecto
Toda la fase de análisis, diseño UI y preparación para test se encuentra finalizada.
La entrega quedó lista para revisión, ejecución del test A/B y continuidad por parte de los equipos de Research o Producto.
