FUNNEL CASE
COLD CULTURE
App móvil de comida biológica para perros
Ficha técnica del proyecto
-
ROL:UX/UI Designer orientada a CRO
-
DURACIÓN:3 días
-
PLATAFORMA:Web (ecommerce, enfoque mobile-first)
-
HERRAMIENTAS:Figma, Gemini Images
-
PÚBLICO OBJETIVO:Compradores de moda/streetwear online
Diseño de la mejora prioritaria
Diseñé en Figma el rediseño de la PDP mobile, integrando la información de ajuste y la prueba social directamente en el viewport, sin necesidad de scroll adicional.
Antes:
PDP original con datos y reviews sepultados en acordeones — sin prueba social visible, sin ajuste visible, más exploración antes de decidir.
Después:
PDP propuesta con reviews visibles. ajuste visible antes del CTA y menos incertidumbre al comprar.
Hipótesis:
Mostrar información de ajuste y prueba social antes del CTA puede reducir la incertidumbre durante la decisión de compra.
Parte 1
El Desafío y Objetivos
EL PROBLEMA
Cold Culture necesitaba mejorar la conversión de su ecommerce sin perder su fuerte identidad de marca streetwear premium, especialmente en la experiencia mobile, donde se concentra la mayoría de su tráfico.
LA SOLUCIÓN & OBJETIVOS
- Auditar el funnel completo (Home → PLP → PDP → Carrito → Checkout) para detectar fricciones reales de conversión.
- Priorizar las mejoras según su impacto en conversión frente al esfuerzo de implementación.
- Formular cada mejora como una hipótesis medible, no solo como una opinión estética.
- Diseñar en Figma la mejora de mayor prioridad, mostrando el antes y el después.
Proceso de Investigación & Descubrimientos (UX/CRO)
Realicé una auditoría completa del funnel mobile de Cold Culture para identificar qué funcionaba bien y dónde se concentraban las principales fugas de conversión.
Fortalezas del Funnel
HOME & MENÚ
LISTADOS (PLP)
FICHA (PDP)
CARRITO & CHECKOUT
FRICCIONES PRINCIPALES
PDP OPACA
SOBRECARGA EN MENÚ
RENDIMIENTO MOBILE
Decisiones de diseño clave
Carrito siempre visible · navegación simplificada · productos sugeridos enlazados directamente · información organizada de forma más clara.
Priorización y Benchmark
MATRIZ DE PRIORIZACIÓN
INICIATIVA DE MEJORA | IMPACTO | ESFUERZO | PRIORIDAD GLOBAL |
|---|---|---|---|
Info de talla y ajuste en PDP
| Alto | Bajo | Alta |
Prueba social en PDP | MedioAlto | Medio | Alta |
Fluidez de interacción | Alto
| Alto
| Alta
|
Simplificación de Menú | Medio | Bajo-Medio | Media |
Mensaje de valor en Home | Medio | Bajo | Baja |
La priorización combina el impacto potencial en conversión y el esfuerzo estimado de implementación.
BENCHMARKS DE CONVERSIÓN
Información clave visible cerca del CTA.
Reseñas centradas en talla y ajuste.
Información funcional clara y accesible.
Propuestas de mejora
Visibilidad de tallas
- Problema: la información de ajuste y talla requiere una consulta adicional antes de decidir la compra.
- Hipótesis: si mostramos la información de ajuste junto al selector de talla, entonces mejorará el Add to Cart Rate, porque el usuario reducirá la incertidumbre antes de comprar.
- Solución: mostrar info de ajuste junto al selector, indicar si la prenda es normal/oversize/fitted, y añadir una recomendación rápida de talla antes del CTA.
- Métrica de éxito: Add to Cart Rate, uso de la guía de tallas.
Prueba social en PDP
- Problema: no hay valoraciones ni reseñas visibles en la ficha de producto.
- Hipótesis: si añadimos valoración media y reseñas, entonces mejorará el Add to Cart Rate y bajará el PDP Bounce Rate, porque el usuario tendrá más confianza antes de decidir.
- Solución: mostrar valoración media, incorporar opiniones sobre talla y ajuste, y añadir un bloque de reseñas en la PDP.
- Métrica de éxito: Add to Cart Rate, PDP Bounce Rate.
Fluidez de interacción (rendimiento mobile)
- Problema: el INP actual en mobile es de 2004ms, muy por encima del límite aceptable de 200ms.
- Hipótesis: si mejoramos la respuesta de la interfaz en mobile, entonces aumentará la interacción con el catálogo, porque la experiencia resultará más fluida y menos frustrante.
- Métrica de éxito: INP (Interaction to Next Paint).
Menú simplificado
Agrupar algunas subcategorías para facilitar la exploración en móvil: menos opciones visibles a la vez y acceso más rápido a producto.
Propuesta de valor en Home
Añadir una propuesta de valor breve bajo el hero principal para ayudar a usuarios nuevos a entender mejor la marca.
Parte 2
Mockup Visual — Retoque fotográfico
A partir de una fotografía plano suelo de una sudadera de Cold Culture, realicé un retoque fotográfico para aislar la prenda sobre un fondo neutro alineado con la estética de la marca, manteniendo la forma, proporciones, textura y volumen reales del producto.
Qué mantuve:
Forma y proporciones originales de la prenda, textura del tejido y detalles gráficos, volumen natural de capucha y mangas, fidelidad del producto para no generar desconfianza.
Qué modifiqué:
Eliminé el fondo original, integré la prenda sobre un fondo neutro, ajusté contraste e iluminación, y equilibré visualmente las mangas.
Por qué ayuda a la conversión:
El producto destaca más al eliminar elementos que distraen, se aprecian mejor texturas y acabados, la imagen encaja con la estética de Cold Culture, y una presentación más clara aumenta la percepción de calidad y confianza.
Conclusión
APRENDIZAJES
Este proyecto reforzó la importancia de conectar cada decisión de diseño con una hipótesis de comportamiento y una métrica medible, priorizando las mejoras por impacto y esfuerzo en lugar de por preferencia estética. Trabajar sobre un funnel real de ecommerce me permitió aplicar un criterio UX/UI orientado a negocio, sin perder de vista la coherencia visual y de marca.
