eCommerce · UI Design · CRO

De un setup básico a un motor de crecimiento

(+125% Revenue Growth)

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.

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.

ECOMMERCE

Contexto

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.

ECOMMERCE

Contexto

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.

ECOMMERCE

Contexto

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.

ECOMMERCE

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).

ECOMMERCE

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).

ECOMMERCE

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).

ECOMMERCE

Enfoque

El proyecto comenzó con una auditoría del eCommerce para detectar fricciones en el recorrido de compra.

ECOMMERCE

Enfoque

El proyecto comenzó con una auditoría del eCommerce para detectar fricciones en el recorrido de compra.

ECOMMERCE

Enfoque

El proyecto comenzó con una auditoría del eCommerce para detectar fricciones en el recorrido de compra.

Business

Category (PLP) 🔥

Product Page (PDP) 🔥

Checkout

ECOMMERCE

A partir de esto, se priorizaron los puntos de mayor impacto: PLP (descubrimiento) & PDP (decisión).

ECOMMERCE

A partir de esto, se priorizaron los puntos de mayor impacto: PLP (descubrimiento) & PDP (decisión).

ECOMMERCE

A partir de esto, se priorizaron los puntos de mayor impacto: PLP (descubrimiento) & PDP (decisión).

ECOMMERCE

Auditoríaa Heurística

Realicé un análisis enfocado en los puntos de mayor impacto en conversión.

ECOMMERCE

Auditoríaa Heurística

Realicé un análisis enfocado en los puntos de mayor impacto en conversión.

ECOMMERCE

Auditoríaa Heurística

Realicé un análisis enfocado en los puntos de mayor impacto en conversión.

ECOMMERCE

Exploración de Diseño

Antes de definir las soluciones finales, evalué distintos patrones de UI para resolver los principales problemas detectados.

ECOMMERCE

Exploración de Diseño

Antes de definir las soluciones finales, evalué distintos patrones de UI para resolver los principales problemas detectados.

ECOMMERCE

Exploración de Diseño

Antes de definir las soluciones finales, evalué distintos patrones de UI para resolver los principales problemas detectados.

05. Design Decisions

Five decisions that moved the needle

Each decision translated strategic opportunities into practical UI improvements to support conversion.

1. Product Confidence

2. Product Discovery

3. Mobile Filtering

4. Product Communication

5. Shopping Efficiency

Before

After

Impact: Reduced uncertainty around size and stock helps users make purchase decisions with greater confidence.

ECOMMERCE

Final UI

La interfaz final prioriza claridad, consistencia y velocidad en todo el recorrido de compra.

ECOMMERCE

Final UI

La interfaz final prioriza claridad, consistencia y velocidad en todo el recorrido de compra.

ECOMMERCE

Final UI

La interfaz final prioriza claridad, consistencia y velocidad en todo el recorrido de compra.

ECOMMERCE

Design Systems

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.

ECOMMERCE

Design Systems

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.

ECOMMERCE

Design Systems

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.

ECOMMERCE

Impact

Resultados reportados por la agencia:

ECOMMERCE

Impact

Resultados reportados por la agencia:

ECOMMERCE

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.

ECOMMERCE

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.


ECOMMERCE

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.


ECOMMERCE

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.


ECOMMERCE

Reflexion

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.

ECOMMERCE

Reflexion

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.

ECOMMERCE

Reflexion

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.

0.5 Design Decisions

Five decisions that moved the needle

1. Size & Stock

2. Product Discovery

3. Filtering

4. Icons & Sticky CTA

5. Shopping Efficiency

Before

After

Impact: Reduced uncertainty around size and stock helps users make purchase decisions with greater confidence.

Let’s turn strategy into seamless interfaces.

Book a free consultation to speak with a carbon export and discuss your goals. Let’s build a smarter, greener future for your business.

Close-up of a dark green leaf showing its textured surface and central vein against a muted background.
Abstract layered gradient with dark green to yellow
Abstract pink and blue background with water droplets.
A smiling woman with her arms crossed, standing against a dark green background. She has long, dark hair.
Close-up of a dark green leaf showing its textured surface and central vein against a muted background.
a close up of a yellow and black sign with numbers
Man working at desk with laptop and phone.
background pattern
Close-up of a tree stump showing growth rings and a textured brown wood surface.

Let’s turn strategy into seamless interfaces.

Book a free consultation to speak with a carbon export and discuss your goals. Let’s build a smarter, greener future for your business.

Close-up of a dark green leaf showing its textured surface and central vein against a muted background.
Abstract layered gradient with dark green to yellow
Abstract pink and blue background with water droplets.
A smiling woman with her arms crossed, standing against a dark green background. She has long, dark hair.
Close-up of a dark green leaf showing its textured surface and central vein against a muted background.
a close up of a yellow and black sign with numbers
Man working at desk with laptop and phone.
background pattern
Close-up of a tree stump showing growth rings and a textured brown wood surface.

Let’s turn strategy into seamless interfaces.

Book a free consultation to speak with a carbon export and discuss your goals. Let’s build a smarter, greener future for your business.

Close-up of a dark green leaf showing its textured surface and central vein against a muted background.
Abstract layered gradient with dark green to yellow
Abstract pink and blue background with water droplets.
A smiling woman with her arms crossed, standing against a dark green background. She has long, dark hair.
Close-up of a dark green leaf showing its textured surface and central vein against a muted background.
a close up of a yellow and black sign with numbers
Man working at desk with laptop and phone.
background pattern
Close-up of a tree stump showing growth rings and a textured brown wood surface.

Create a free website with Framer, the website builder loved by startups, designers and agencies.