Ketea S.A.

UX/UI Design
Frontend

Rediseño del canal propio de un e-commerce técnico orientado a productos de alto valor, con foco en reducir dependencia de marketplaces y reorganizar el funnel de compra.

Ketea S.A. cover

Cliente

Ketea S.A.

Plataforma

E-commerce

Rol

UX/UI Strategy & Design · Frontend Implementation

Industria

Retail · Productos técnicos para piscina

Usuarios

Compradores online de productos técnicos de alto valor

Problema principal

La experiencia no distribuía correctamente la toma de decisiones a lo largo del funnel.

El Problema

Diagnóstico

El e-commerce funcionaba correctamente a nivel técnico, pero su arquitectura no acompañaba el proceso de decisión en productos de alto compromiso.

Insights clave

  • Home y navegación concentraban demasiados estímulos sin jerarquía clara.
  • El listado de productos no facilitaba la evaluación rápida entre opciones.
  • Demasiadas decisiones concentradas al final del proceso.
  • La experiencia no distribuía la toma de decisiones a lo largo del funnel.

El análisis permitió identificar tres momentos donde la experiencia aumentaba innecesariamente la carga de decisión.

1

Sobrecarga en el punto de entrada

Home y navegación concentraban demasiados estímulos sin jerarquía clara.
2

Comparación poco eficiente entre productos

El listado de productos no facilitaba la evaluación rápida entre opciones.
3

Checkout con demasiadas decisiones simultáneas

Demasiadas decisiones concentradas al final del proceso.

Patrón detectado

Las fricciones no eran errores puntuales de interfaz, sino un problema estructural: la experiencia no distribuía la toma de decisiones a lo largo del recorrido de compra. El desafío no era optimizar pantallas aisladas, sino reorganizar el sistema de decisión completo.

Investigación

Análisis del recorrido actual

Se realizó un análisis del recorrido actual del e-commerce para identificar fricciones estructurales dentro del funnel de compra.

3

Momentos críticos del funnel

1

Patrón estructural detectado

4

Hallazgos clave priorizados

Hallazgos clave

  • Sobrecarga de estímulos en el punto de entrada.
  • Comparación poco eficiente en el listado.
  • Carga cognitiva concentrada en checkout.
  • Arquitectura no alineada al proceso de decisión.

Estrategia

Transformar el funnel de compra en una secuencia clara de decisiones.

El diagnóstico evidenció que el problema no estaba en pantallas aisladas sino en la estructura completa del recorrido. La estrategia consistió en reorganizar el funnel de compra alineándolo con el proceso real de decisión en productos técnicos de alto valor.

Simplificar entrada

Eliminar redundancias entre navegación, categorías y búsqueda.

Jerarquía clara

Asignar un rol específico a cada etapa del recorrido.

Progresión de decisiones

Evitar acumulación de validaciones en el checkout.

Arquitectura orientada a decisión

Reducir fricción sin depender de estímulos promocionales.

UX y Arquitectura

La arquitectura del funnel se reorganizó siguiendo la lógica del proceso de decisión del usuario. Cada etapa del recorrido fue diseñada para cumplir un rol específico dentro de la compra.

Flujo de usuario

Explorar Comparar Validar Confirmar

1. Exploración

→ Exploración

Home y buscador funcionan como puertas de entrada al catálogo, orientando al usuario hacia categorías o productos específicos según su intención de compra.

2. Listado optimizado para la toma de decisión

→ Comparación

El listado de productos reorganiza la información técnica para facilitar la evaluación entre opciones, permitiendo comparar atributos clave de forma rápida.

3. Revisión persistente antes del checkout

→ Validación

El Cart Sidebar permite validar productos, costos y condiciones sin abandonar el contexto de navegación, evitando fricciones antes de la decisión final.

4. Checkout progresivo

→ Confirmación

El proceso se divide en pasos claros para reducir la carga cognitiva, permitiendo completar la compra de forma más controlada y comprensible.

Sistema visual e implementación

Sistema de diseño

Sistema de Diseño

Sistema en Figma basado en componentes, variantes y jerarquía visual. Incluye navegación, PLP, carrito, checkout y estados críticos.

Prototipo funcional

Implementación frontend en React alineada al sistema visual y al flujo definido para validar comportamiento real del funnel.

Impacto del producto

El rediseño no buscó acelerar la compra, sino hacer más claro el proceso de decisión. La reorganización del funnel permitió distribuir la carga cognitiva a lo largo del recorrido, reduciendo fricción en los momentos más sensibles de la compra.

Mejora en la experiencia

  • Exploración del catálogo más clara y orientada.
  • Comparación de productos más rápida y consistente.
  • Reducción de carga cognitiva en Home, carrito y checkout.

Valor del producto

Canal propio más sólido

La experiencia reduce dependencia de estímulos externos y fortalece el canal directo.

Funnel más comprensible

Cada etapa responde una función específica dentro del proceso de compra.

Arquitectura preparada para crecer

La estructura permite evolucionar el sistema sin redefinir patrones base.

Aprendizajes del proceso

Arquitectura de decisión

En productos técnicos, la conversión depende más de la claridad estructural que de la cantidad de estímulos promocionales.

Diseño validado en producto

Implementar el flujo permitió validar decisiones de arquitectura en un entorno funcional y navegable.