2022 - UX/UI Design / Ecommerce
MYA
Rediseño visual y de UX del ecommerce de MYA, mayorista de electrodomésticos y máquinas industriales para negocios. Catálogo renovado e interna de producto optimizada.
— Contexto
Un ecommerce B2B que necesitaba una lavada de cara
MYA es un mayorista de electrodomésticos y máquinas industriales para negocios que operaba con un ecommerce desactualizado visualmente y con fricciones en la experiencia de compra. El catálogo de productos no destacaba los artículos clave, la navegación era confusa para compradores mayoristas y la interna de producto carecía de información estructurada para tomar decisiones de compra B2B.
El desafío fue rediseñar las secciones más críticas del ecommerce sin afectar la operación comercial existente. Se priorizó la renovación visual, la claridad en la presentación de productos y la optimización del flujo de navegación para compradores que buscan eficiencia sobre estética.
— Solución
Un rediseño enfocado en la eficiencia del comprador B2B
Se rediseñó el catálogo de productos con un grid claro, filtros accesibles y cards de producto que muestran información crítica de primer vistazo: precio, disponibilidad, categoría y marca. La interna de producto se estructuró para presentar fichas técnicas, imágenes de calidad y CTAs de contacto comercial directo.
Todo el diseño se pensó desde la lógica de compra mayorista: decisiones rápidas, comparación de especificaciones técnicas y contacto directo con el vendedor para cotizaciones especiales. La interfaz prioriza la funcionalidad sin sacrificar la estética profesional que un negocio industrial requiere.
— Características
Secciones renovadas para el catálogo B2B
ProductosCatálogo con filtros y grid claro
Grid de productos rediseñado con filtros por categoría, marca y rango de precio. Las cards muestran imagen, nombre, precio y disponibilidad de stock. Navegación ágil pensada para compradores que conocen lo que buscan.
Interna de productoFicha técnica y contacto comercial
Página de producto estructurada con galería de imágenes, descripción técnica detallada, especificaciones y CTA de contacto directo con el equipo comercial. Pensada para decisiones de compra informadas en el canal B2B.
— Stack tecnológico
Herramientas de diseño y prototipado
Todo el rediseño visual y la iteración de UX se realizó en Figma. Para el tratamiento de imágenes de producto y banners visuales se utilizó Adobe Photoshop e Illustrator. Mi rol incluyó el análisis de la experiencia actual, el rediseño de las secciones críticas y el handoff documentado para el equipo de desarrollo.
— HEURÍSTICAS
Buenas prácticas que se cumplen.
Basadas en las 10 heurísticas de usabilidad de Jakob Nielsen.
Visibilidad del estado del sistema
El catálogo muestra en todo momento los filtros activos y la cantidad de productos encontrados. El stock disponible se indica claramente en cada card. El usuario sabe exactamente dónde está y qué opciones tiene.
Coincidencia entre el sistema y el mundo real
Las categorías de productos siguen la nomenclatura del sector: electrodomésticos, máquinas industriales, equipamiento comercial. El lenguaje es el que un comprador mayorista espera encontrar.
Control y libertad del usuario
Los filtros aplicados se pueden eliminar de forma individual o en bloque. El usuario puede navegar libremente entre categorías sin perder el contexto de búsqueda. El botón de contacto comercial está siempre accesible.
Consistencia y estándares
Todas las cards de producto comparten la misma estructura visual: imagen, nombre, precio y stock. Los CTAs mantienen el mismo estilo en catálogo e interna de producto. La navegación es predecible en todas las pantallas.
Prevención de errores
Los filtros sin resultados muestran un mensaje claro con sugerencias de alternativas. Las acciones de contacto comercial incluyen validación de campos obligatorios antes de enviar.
— Próximos pasos
Conocé más sobre MYA
Rediseño visual y de UX del ecommerce de MYA, mayorista de electrodomésticos y máquinas industriales. Catálogo renovado e interna de producto optimizada para la experiencia de compra B2B.