Ketea S.A.

UX/UI Design
Frontend Development

Rediseño del canal propio de un e-commerce técnico de alto valor en Argentina para reducir la dependencia de marketplaces y mejorar la conversión mediante una arquitectura de decisión más clara.

Ketea S.A. cover

Cliente

Ketea S.A.

Plataforma

E-commerce

Rol

UX/UI Strategy & Design · Frontend Implementation (React)

Industria

Retail · Productos técnicos para piscina

Usuarios

Compradores online de productos técnicos de alto valor

Problema principal

La arquitectura del funnel no acompañaba el proceso de decisión en productos de alto compromiso.

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 del funnel 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

Fricciones principales detectadas

6

Pantallas analizadas

1

Patrón estructural identificado

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 conversió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 y descubrimiento

→ Exploración

El home y el 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.

Diseño visual

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.

Implementación del e-commerce

Implementación frontend desarrollada en React con componentes alineados al sistema de diseño. Se validaron estados reales, navegación completa y comportamiento operativo.

Impacto del producto

El rediseño no buscó acelerar el proceso de compra, sino hacerlo más claro. La arquitectura del funnel se reorganizó para distribuir la toma de decisiones a lo largo del recorrido, reduciendo la carga cognitiva en las etapas finales.

Mejora en la experiencia

  • Exploración del catálogo más clara.
  • Comparación de productos más eficiente.
  • Reducción de carga cognitiva en checkout.

Valor del producto

Menor dependencia de marketplaces

Fortalecimiento del canal propio de venta directa.

Mayor claridad

Funnel de compra más claro y comprensible.

Base escalable

Arquitectura preparada para escalar el canal directo.

Aprendizajes del proceso

Arquitectura de decisión

La conversión en productos técnicos depende de la arquitectura de decisión, no solo de estímulos promocionales.

Diseño validado en producción

Diseño e implementación conjunta permiten validar decisiones estructurales en un entorno funcional navegable.