(UX/UI – Diseño de Productos digitales– Starup)
Menoroigual.com web responsive y app
Contrato de 9 meses para diseño de productos digitales, como: coherencia de diseño en la app y web responsive, clasificación de productos, métodos de pago, programas de fidelidad, servicios de crédito y diseño del dashword, creador de las visuales de la web, redes sociales y materiales impresos.
Mi Rol
Diseñadora UX/UI
Diseñador grafico senior
Guía y responsable de las decisiones en comunicación visual de la empresa en general.
Objetivos expuestos
- 4C como proyecto multiplataforma
- Recorrido de usuario hasta su compra
- Programa de fidelidad
4C: Estrategia de Diseño Multiplataforma UX/UI
Este proyecto se centró en la creación de un Sistema de Diseño robusto para menoroigual.com que garantizara una experiencia de usuario fluida y coherente en todos sus puntos de contacto: Web, Móvil y Aplicación Nativa. Apliqué los principios de las 4C del diseño multiplataforma para asegurar la calidad y escalabilidad del producto.
El objetivo fue reforzar la identidad de marca, optimizando la presentación y el orden de la información mediante un diseño estratégico.
Implementación de las 4C
Desarrollé soluciones específicas para cada plataforma aprovechando sus ventajas inherentes, al tiempo que mantuve la conexión funcional entre ellas:
- 1. Consistencia (Consistency):
- Acción: Creé una biblioteca de componentes visuales (tipografía, colores, botones) y patrones de interacción estandarizados, asegurando que la apariencia y el comportamiento de los elementos fueran idénticos en la Web, el Móvil y la App.
- Impacto: Esto refuerza el reconocimiento de marca y reduce la curva de aprendizaje del usuario, ya que las acciones son predecibles sin importar la plataforma que utilice.
- 2. Continuidad (Continuity):
- Acción: Implementé funcionalidades que permiten al usuario mantener su progreso al cambiar de dispositivo. Por ejemplo, la lista de deseos o el carrito de compras permanece sincronizado al pasar del navegador de escritorio a la aplicación móvil.
- Impacto: Elimina la frustración y ofrece una experiencia sin fisuras, permitiendo al usuario retomar su tarea (ej. una compra) justo donde la dejó.
- 3. Contexto (Context):
- Acción: Diseñé la interfaz adaptando los layouts y las interacciones a las características específicas de cada dispositivo.
- Impacto: Se aprovechan las ventajas únicas de cada plataforma (táctil, mouse, tamaño de pantalla), maximizando la usabilidad en cada entorno.
- 4. Complementariedad (Complementarity):
- Acción: Asigné funcionalidades únicas o mejoradas a la App que complementan la experiencia principal de la Web. Por ejemplo, la App incluye notificaciones push sobre ofertas personalizadas que no están en la Web, o acceso a un modo offline limitado.
- Impacto: Se incentiva la descarga de la App, y el ecosistema completo de menoroigual.com ofrece un valor agregado y una utilidad superior al producto singular.
Diseño y Optimización del Sistema de Pago (Checkout)
Este proyecto se centró en la optimización del recorrido completo del usuario, desde el descubrimiento del producto hasta la conversión final. El objetivo principal fue reducir la fricción y aumentar la tasa de conversión a través de un diseño visual y funcional impecable.
Mi trabajo abarcó todo el proceso de compra:
- Tarjetas de producto:
- Diseño de componentes visuales que priorizan la información clave (precio, disponibilidad, reviews) para una toma de decisión rápida y efectiva.
- Clasificación y filtrado de productos:
- Desarrollo de un sistema de taxonomía y filtros intuitivos que mejoran la encontrabilidad de los artículos y minimizan la carga cognitiva.
- Página de detalle de producto:
- Diseño de layouts que facilitan la jerarquía de la información (especificaciones técnicas, call-to-action y galería de imágenes), fomentando la confianza.
- Carrito de compras y checkout:
- Optimización del proceso de pago mediante un flujo simplificado y transparente. Me enfoqué en la claridad de los costos, la implementación de múltiples opciones de pago, y la reducción de pasos para minimizar el abandono del carrito.
- Sistema de pago:
- Diseño de interfaces de pago seguras y accesibles, priorizando la confianza del usuario y la facilidad de input para los datos de la tarjeta y envío.
Enfoque de diseño: El resultado fue un sistema de checkout con consistencia visual y transparencia en la información, claves para generar una experiencia de compra satisfactoria y de alta conversión.
Creación de un Programa de Fidelidad
Diseño integral de un Programa de Fidelidad enfocado en la retención de clientes y el aumento de la recurrencia de compra en menoroigual.com.
El proyecto incluyó:
La integración estratégica del programa en todo el recorrido del usuario
La definición del modelo de puntos y recompensas con elementos de gamificación.
El diseño de un panel de usuario claro para la visualización del progreso y el status de la lealtad.
Conclusión
Este proyecto demuestra una visión integral del diseño de producto, aplicando estrategias UX/UI para resolver desafíos de negocio. Mi enfoque en la Consistencia Multiplataforma (4C), la optimización del Sistema de Pago para reducir la fricción, y el diseño estratégico del Programa de Fidelidad lograron un objetivo triple: aumentar la conversión, mejorar la retención de usuarios y consolidar la lealtad de marca en todo el ecosistema de menoroigual.com. El resultado es una experiencia de usuario que genera valor medible para el negocio.