Rol
Product Designer
Duration
8 weeks
Company
Huntech
Platform
Shopify
Cómo decisiones de diseño enfocadas en claridad y conversión ayudaron a transformar el eCommerce de Huntech en una experiencia más eficiente.
Rol: Product Designer (UI-focused)
Empresa: Blackpepper (E-Commerce Specialists)
Cliente: Huntech
Duración: 8 semanas
Resultados (reportados por la agencia):
+125% revenue growth (YoY)
+41% AOV
Context
Huntech es una marca líder en equipamiento outdoor en Nueva Zelanda, pero su eCommerce había crecido como una solución rápida y ya no acompañaba el nivel del negocio.
La experiencia presentaba fricciones en navegación, mobile y toma de decisiones, impactando directamente en la conversión.
Mi Rol
Formé parte del equipo de diseño en Blackpepper, colaborando con diseño, desarrollo y stakeholders.
Mi aporte principal fue:
Análisis heurístico completo del sitio (Home, navegación, PLP y PDP)
Identificación de fricciones en el funnel
Traducción de hallazgos en decisiones de diseño
Diseño de componentes y patrones UI
Participación en definición de flujos junto al equipo
Mi trabajo combinó análisis heurístico propio con insights del equipo (datos y feedback de usuarios).
Enfoque y Objetivos
El proyecto comenzó con una auditoría del eCommerce para detectar fricciones en el recorrido de compra.
A partir de esto, se priorizaron los puntos de mayor impacto en conversión.
Business
Escalar revenue alineando la experiencia digital con la autoridad de marca de Huntech.
Users
Optimizar el flujo para que el usuario encuentre su talle y confirme disponibilidad de stock de forma inmediata.
UI Estratégico
Desarrollar un sistema Mobile-First con Thumb Zone optimizada y ventajas funcionales del producto como centro de la narrativa visual.
Decision 01
Size & Inventory Visibility
Problem
Filtering displayed out-of-stock products, while inconsistent sizing logic created friction at the most critical moment of the journey.
Solution
Real-time stock synchronization: Out-of-stock variants are automatically hidden from the filters. Standardized sizing logic: Unified and logical size ordering across all PDPs. High-visibility Size Guide: Relocated for visual relevance and placed in close proximity to the size selector.
Impact
Early-stage validation — users confirm availability at a glance before even clicking into a product, reducing bounce rates.
Problem
Filtering displayed out-of-stock products, while inconsistent sizing logic created friction at the most critical moment of the journey.
Solution
Real-time stock synchronization: Out-of-stock variants are automatically hidden from the filters.
Standardized sizing logic: Unified and logical size ordering across all PDPs.
High-visibility Size Guide: Relocated for visual relevance and placed in close proximity to the size selector.
Impact
Early-stage validation — users confirm availability at a glance before even clicking into a product, reducing bounce rates.
Auditoria Heuristica
Realicé un análisis enfocado en los puntos de mayor impacto en conversión.
“Out-of-stock products visible in filters”
“Inconsistent size order”
“Small touch targets (mobile)”
“CTA out of reach on scroll”
“Low visibility of product benefits”
Design Exploration
Antes de definir las soluciones finales, evalué distintos patrones de UI para resolver los principales problemas detectados.
Se exploraron alternativas para:
Filtros mobile → priorizando eficiencia y visibilidad
Información técnica → priorizando escaneo rápido
Las soluciones finales se eligieron por su impacto en reducción de fricción.
Desiciones de Diseño
1. Visibilidad de talles y stock
Problema: Productos sin stock visibles y talles inconsistentes.
Solución: Filtros alineados con stock + orden consistente + Size Guide visible.
Impacto: Validación rápida antes de entrar al producto.
Final UI
La interfaz final prioriza claridad, consistencia y velocidad en todo el recorrido de compra.
Design System
Se trabajó sobre el sistema base de Blackpepper, adaptándolo a las necesidades de Huntech.
Mi rol fue crear y extender componentes para asegurar consistencia y escalabilidad en todo el sitio.
Impact
Resultados reportados por la agencia:
+
125
Revenue Growth
A massive year-on-year increase in total sales.
+
41%
Lift in AOV
Customers aren't just buying; they are spending more per order.
Brand Authority
A digital presence that truly reflects the Huntech brand.
Las mejoras en filtrado de stock y narrativa técnica resultaron en un ticket promedio 41% superior — señal de que el diseño no solo optimizó el flujo, sino que facilitó decisiones de compra de mayor valor.
Reflection
Este proyecto cambió mi forma de entender el diseño en eCommerce.
Al principio, mi enfoque estaba más cerca de simplificar la interfaz. Pero al analizar el comportamiento real, quedó claro que el usuario no buscaba simplicidad — buscaba certeza. Saber si su talle estaba disponible, si el producto era adecuado y si valía el precio.
Eso implicó hacer más visible la información, no menos. Aceptar una interfaz más densa, pero también más útil.
Aprendí que diseñar para eCommerce no es solo ordenar contenido, sino acompañar decisiones. Y que muchas veces, el mejor diseño no es el más limpio — sino el que elimina dudas.
Hoy aplico este enfoque priorizando claridad, contexto y velocidad de decisión en cada interfaz que diseño.
1. La Solución Directa (Lo que tenés que hacer):
Seleccioná el contenedor padre (el que tiene el borde azul en tu captura).
En el panel de la derecha, en Height, cambiá el
610 pxpor Fit Content.Asegurate de que la imagen oscura (el hijo) tenga su Height en Fixed con su valor original en píxeles (por ejemplo, si la imagen mide 800px de alto, poné
800 px). O, mejor aún, poné la imagen en Fit Content también si es un frame con contenido adentro.
Resultado: El padre se va a "achicar" o "agrandar" hasta colapsar exactamente sobre el borde inferior de la imagen.