UX Designer2 meses2025

AoElec

Sitio técnico para distribución de soluciones eléctricas

https://aoelec.com.ar
B2BE-commerceCatálogo TécnicoWeb
00

Resumen

Diseñé un sitio técnico pero accesible para un distribuidor de soluciones eléctricas, orientado a instaladores, ingenieros y responsables de compras. Foco en catálogo con specs claras y navegación directa.

01

El desafío

AoElec tenía un catálogo en PDF que los clientes no usaban. Los instaladores llamaban por teléfono para cada consulta técnica. El sitio existente era un brochure institucional sin funcionalidad real.

02

Investigación

Se entrevistó a los tres perfiles clave: instaladores que buscan compatibilidades rápidas, ingenieros que necesitan specs detalladas, y compradores que buscan disponibilidad y precios. Se hizo card sorting para reorganizar las categorías del catálogo.

Entrevistas con instaladores eléctricosAnálisis del catálogo PDF existenteBenchmark de distribuidores técnicosTests de usabilidad con prototiposCard sorting para categorías

10 instaladores + 5 ingenieros + 3 responsables de compras

Hallazgos clave

Crítico

Catálogo PDF inutilizable en obra

Los instaladores necesitan consultar compatibilidades en el celular mientras están en la obra. El PDF de 200 páginas era impracticable.

Alto

90% de consultas telefónicas eran de stock y compatibilidad

La mayoría de las llamadas podían resolverse con un buscador con filtros técnicos adecuados.

Medio

Información técnica desestructurada

Las fichas técnicas tenían formatos inconsistentes entre categorías. No había tabla comparativa entre productos similares.

System Usability Scale

0–100
Score final
74Grado B
03

Insights

Personas

C

Carlos, 38

Instalador eléctrico matriculado

Tech: medio
“Necesito saber si este termomagnético es compatible antes de comprarlo”

Objetivos

  • +Verificar compatibilidades rápido
  • +Comparar productos similares
  • +Ver disponibilidad sin llamar

Frustraciones

  • -El PDF no se puede buscar fácil
  • -Tiene que llamar para todo
  • -Las fichas técnicas no son consistentes

Journey Map del usuario

← arrastra para ver mas →
positivaneutralnegativamuy negativa
😐

En obra

Necesita un componente específico

😫

Búsqueda

Intenta buscar en PDF desde el celular

PDF pesado, no carga, no se puede buscar

😟

Consulta

Llama al distribuidor

Espera en línea, no siempre atienden

😟

Verificación

Pide confirmación de compatibilidad

Respuesta no inmediata, obra frenada

Filtros de compatibilidad en tiempo real

😐

Compra

Confirma pedido por teléfono o WhatsApp

😊

Recepción

Recibe y verifica material

04

Diseño e iteraciones

Se diseñó un sitio responsive con catálogo filtrable por especificaciones técnicas. Se priorizó la experiencia mobile para uso en obra. Junto a una diseñadora gráfica se trabajó en reducir ruido visual y presentar información técnica de forma comparativa.

2

iteraciones

5

métodos de research

2

perfiles investigados

Decisiones clave de diseño

01

Buscador con filtros técnicos (amperaje, tensión, marca, tipo) accesible desde cualquier página

02

Fichas de producto normalizadas con formato consistente y tabla de compatibilidades

03

Comparador de hasta 3 productos lado a lado

04

Botón de WhatsApp contextual que envía el producto al vendedor directo

05

Resultados

Impacto medible

0%

Consultas telefónicas

0%

Tiempo de búsqueda de producto

0%

Uso del catálogo digital vs PDF

Consultas telefónicas

~40/día~15/día
-62%

Tiempo de búsqueda de producto

5+ min30 seg
-90%

Uso del catálogo digital vs PDF

10%85%
+750%

Score SUS

—74
Bueno

Siguiente caso

Herramientas Web

Más de 150 herramientas gratuitas que funcionan en tu navegador: tus archivos nunca salen de tu dispositivo.