Herramat comercializa productos muy diferentes entre sí: chapas para techos, perfiles, caños estructurales, hierros, mallas, alambres, membranas, aislantes, cerramientos, elementos de seguridad, productos de ferretería y desarrollos de fabricación propia.

La versión anterior del sitio contenía una gran cantidad de información, pero utilizaba una estructura extensa, con numerosas páginas de catálogo, navegación fragmentada y elementos propios de una tienda online que no representaban completamente el proceso comercial real de la empresa.

El desafío principal era transformar esa cantidad de productos en una experiencia sencilla.

No queríamos que el visitante tuviera que conocer de antemano el nombre técnico exacto de cada material. Tampoco queríamos reducir una oferta compleja a una grilla interminable de fotografías.

La nueva web debía ayudar a responder tres preguntas fundamentales:

1. ¿Qué productos ofrece Herramat?
2. ¿Cómo encuentro rápidamente el material que necesito?
3. ¿Cómo puedo solicitar asesoramiento o una cotización?

Una web industrial no debe mostrar información solamente porque existe. Debe organizarla de acuerdo con la manera en que las personas buscan, comparan y consultan.

Una de las decisiones más importantes fue comprender que Herramat no necesitaba copiar el modelo tradicional de una tienda online.

En muchos rubros industriales, el precio final puede depender de medidas, cantidades, disponibilidad, transporte, terminaciones, volumen de compra o características específicas del proyecto. Forzar un carrito y un proceso de pago puede agregar complejidad sin mejorar la venta.

Por eso desarrollamos una solución alineada con el funcionamiento comercial real de la empresa:

• El usuario encuentra el producto.
• Consulta sus características principales.
• Recorre opciones relacionadas.
• Accede a información ampliada.
• Se comunica con Herramat para recibir asesoramiento o solicitar una cotización.

Este enfoque forma parte de nuestro servicio de diseño de catálogos web para empresas, donde la interfaz y la tecnología se adaptan al proceso de venta, en lugar de obligar al negocio a adaptarse a una estructura genérica.

El catálogo deja así de ser una vidriera pasiva y se convierte en un sistema de apoyo para el equipo comercial.

La arquitectura de información fue una parte central del proyecto.

Al momento del lanzamiento, la nueva web presentaba 17 grandes categorías y más de 90 productos, organizados para facilitar la exploración de la oferta. Entre ellas se encuentran chapas, perfiles, caños, hierros, mallas, alambres, cumbreras, cerramientos, membranas, aislantes, ferretería y fabricación propia.

En lugar de tratar cada producto como un elemento aislado, construimos relaciones entre:

• Categorías.
• Subcategorías.
• Productos.
• Aplicaciones.
• Novedades.
• Ofertas.
• Consultas comerciales.

Esta estructura permite que una persona pueda comenzar su recorrido desde diferentes puntos.

Puede ingresar desde Google directamente a un producto, utilizar el menú de categorías, explorar las ofertas destacadas o escribir lo que necesita dentro del buscador.

La arquitectura también facilita el crecimiento futuro: Herramat puede incorporar productos y contenidos sin tener que rediseñar el sitio cada vez que cambia su catálogo.

Cuando una empresa comercializa una oferta extensa, el buscador deja de ser un elemento secundario.

En la nueva portada incorporamos una búsqueda visible desde el primer recorrido, con el objetivo de que el visitante pueda consultar directamente por materiales como chapas, perfiles, caños, hierros o membranas.

El buscador complementa la navegación por categorías y permite atender distintos comportamientos:

• Usuarios que conocen exactamente el producto.
• Personas que buscan una familia de materiales.
• Clientes que utilizan términos técnicos.
• Visitantes que todavía están evaluando alternativas.
• Compradores recurrentes que necesitan llegar rápidamente a una ficha.

El objetivo no fue agregar una función por una cuestión tecnológica. Fue reducir la cantidad de pasos necesarios para encontrar una respuesta.

El rubro siderúrgico suele asociarse con sitios oscuros, saturados, técnicos y visualmente rígidos.

Para Herramat elegimos otro camino.

Desarrollamos una interfaz clara y contemporánea, con fondos luminosos, una paleta institucional basada en tonos violetas y azules, tipografía Montserrat, fotografías de contexto industrial y un sistema iconográfico para organizar las categorías.

La estética busca transmitir:

• Solidez.
• Trayectoria.
• Orden.
• Cercanía.
• Capacidad técnica.
• Evolución.

La información técnica continúa teniendo protagonismo, pero se presenta dentro de una experiencia visual más limpia.

El diseño también respeta un principio central de nuestro enfoque de diseño web corporativo: la identidad visual debe ayudar a comprender la empresa y no convertirse en un obstáculo entre el usuario y la información.

La página de inicio fue construida como una síntesis de todo el sistema.

En lugar de concentrar la portada únicamente en una imagen institucional, incorporamos diferentes entradas al contenido:

• Presentación principal de la empresa.
• Acceso al catálogo.
• Buscador de productos.
• Categorías destacadas.
• Ofertas de la semana.
• Trayectoria y ventajas comerciales.
• Novedades.
• Contacto y WhatsApp.
• Información local y canales de atención.

Esto permite que la portada cumpla varias funciones simultáneas.

Para un visitante nuevo, explica qué comercializa Herramat. Para un cliente habitual, facilita el acceso directo a productos. Para Google, establece relaciones temáticas entre las categorías principales. Para el equipo comercial, funciona como una herramienta de presentación.

La nueva web no fue pensada como una sucesión de páginas independientes, sino como un sistema conectado.

Cada producto necesitaba una estructura suficientemente flexible para presentar información real sin inventar especificaciones.

Definimos una organización que permite incorporar:

• Nombre del producto.
• Imagen principal.
• Descripción breve.
• Información ampliada.
• Aplicaciones.
• Características técnicas disponibles.
• Galería de imágenes.
• Videos o documentación cuando corresponde.
• Productos relacionados.
• Consulta directa.

También establecimos criterios editoriales para evitar dos errores frecuentes en los catálogos industriales: fichas prácticamente vacías y textos repetidos entre productos.

Las descripciones deben ayudar a comprender qué es el producto, para qué se utiliza y en qué situaciones puede resultar adecuado. Cuando una especificación no está confirmada, no se inventa para completar espacio ni para incorporar palabras clave.

Este criterio se relaciona con las recomendaciones de Google sobre contenido útil: la información debe demostrar conocimiento real, responder la intención del usuario y aportar algo más que una reescritura genérica orientada al buscador.

El nuevo sitio fue desarrollado sobre WordPress, pero no como una suma de páginas difíciles de mantener.

Los productos, categorías, novedades y secciones destacadas se organizan como contenidos administrables. Esto permite que el equipo pueda realizar actualizaciones sin modificar manualmente la estructura visual de cada página.

La utilización de tipos de contenido y taxonomías específicas facilita separar los productos de las noticias y ordenar cada elemento según su función. WordPress contempla precisamente este modelo mediante custom post types y taxonomías, que permiten construir estructuras editoriales adaptadas a cada proyecto.

Entre las posibilidades de administración se encuentran:

• Publicar, actualizar u ocultar productos.
• Organizar categorías.
• Definir productos destacados.
• Gestionar ofertas.
• Incorporar imágenes y contenidos.
• Publicar novedades.
• Mantener datos institucionales.
• Actualizar información sin alterar las plantillas.

La autonomía no significa entregar un panel lleno de opciones innecesarias. Significa ofrecer los controles que la empresa realmente necesita y proteger la estructura que no debería modificarse accidentalmente.

El posicionamiento orgánico no fue incorporado como una corrección posterior al desarrollo.

La estrategia SEO condicionó decisiones desde el comienzo:

• Arquitectura de categorías.
• Nombres de productos.
• Jerarquía de encabezados.
• URLs.
• enlaces internos.
• Contenido de fichas.
• Metadatos.
• Imágenes.
• Navegación.
• Información local.
• Rendimiento.
• Rastreo e indexación.

Google recomienda que los sitios sean seguros, rápidos, accesibles, compatibles con dispositivos móviles y comprensibles para sus sistemas. También destaca la importancia de aportar contexto textual en páginas de categorías y utilizar datos estructurados cuando reflejen correctamente el contenido.

Este criterio forma parte de nuestro servicio de posicionamiento web para empresas: el SEO no depende de repetir palabras clave ni de conseguir una luz verde dentro de un plugin.

Yoast es una herramienta útil para controlar títulos, descripciones, indexación y legibilidad. Pero no reemplaza una buena arquitectura, contenido original, enlaces internos ni una correcta interpretación de la intención de búsqueda.

En nuestro portal editorial Posicionamiento Web analizamos de manera permanente esta evolución: la visibilidad orgánica depende cada vez más de la calidad integral del sitio y no de ajustes aislados.

El sitio también debía representar claramente la presencia territorial de la empresa.

Herramat cuenta con instalaciones en Camino de los Granaderos 3148, Rosario, y atiende a industrias, profesionales, herreros, mayoristas y particulares de la ciudad y la región.

Por eso se trabajó el contexto local dentro de:

• Títulos y descripciones.
• Página institucional.
• Información de contacto.
• Contenido de categorías.
• Textos de productos.
• Encabezados.
• Pie de página.
• Enlaces internos.
• Novedades relacionadas con productos y aplicaciones.

El objetivo no es repetir “Rosario” de manera artificial, sino demostrar de forma consistente dónde está la empresa, qué comercializa, a quién atiende y qué capacidad real posee.

Los datos estructurados pueden ayudar a los buscadores a interpretar productos, organizaciones, páginas y relaciones entre contenidos.

Sin embargo, deben representar información visible y verdadera.

Google diferencia las páginas de productos que permiten una compra directa de aquellas que funcionan como fichas informativas o de consulta. También establece requisitos específicos para que una página pueda ser elegible para resultados enriquecidos.

En un catálogo que trabaja mediante cotización, no corresponde inventar:

• Precios.
• Disponibilidad.
• Reseñas.
• Calificaciones.
• Ofertas comerciales.

La implementación correcta no consiste en completar campos únicamente para eliminar advertencias de una herramienta. Consiste en describir con precisión lo que realmente existe.

Una parte importante de las consultas de productos se realiza desde dispositivos móviles, muchas veces mientras el usuario está en una obra, un taller, una planta o evaluando materiales fuera de una oficina.

Por eso la experiencia móvil fue considerada desde la arquitectura:

• Menús accesibles.
• Botones de contacto visibles.
• Textos legibles.
• Categorías reconocibles.
• Formularios simples.
• Imágenes optimizadas.
• Navegación táctil.
• Acceso rápido a WhatsApp.

La accesibilidad también forma parte de la calidad del desarrollo. Las recomendaciones WCAG 2.2 de W3C contemplan aspectos como contraste, navegación mediante teclado, jerarquía, etiquetas, comprensión y previsibilidad de las interfaces.

Una web rápida y accesible no es solamente una exigencia técnica. Es una web que pierde menos oportunidades comerciales.

El proyecto no termina con la publicación del nuevo diseño.

La sección de novedades permite desarrollar contenidos relacionados con:

• Usos de materiales.
• Diferencias entre productos.
• Recomendaciones.
• Nuevos ingresos.
• Ofertas.
• Aplicaciones industriales.
• Construcción.
• Herrería.
• Arquitectura.
• Mantenimiento.

Herramat ya utiliza este espacio para publicar artículos sobre chapas perforadas, metal desplegado y aislantes térmicos, conectando información útil con sus categorías comerciales.

Esta estrategia permite ampliar la presencia orgánica sin crear páginas artificiales.

Cada noticia puede responder una consulta real, enlazar productos relacionados y facilitar que Google comprenda la especialización temática del sitio.

El principal resultado no debe medirse únicamente por la diferencia visual entre la versión anterior y la actual.

El nuevo sistema permite:

• Presentar mejor la dimensión real de la empresa.
• Ordenar una oferta compleja.
• Facilitar la búsqueda de productos.
• Generar consultas con mayor contexto.
• Reducir tareas repetitivas del equipo comercial.
• Administrar contenidos con autonomía.
• Construir posicionamiento sobre categorías y productos.
• Publicar novedades sin depender de un rediseño.
• Preparar la plataforma para futuras ampliaciones.

El sitio se convierte en un activo comercial que puede evolucionar junto con Herramat.

En DWVisual no entendemos el diseño web como una capa visual separada del negocio.

En este proyecto trabajamos sobre:

• Estrategia.
• Arquitectura de información.
• Experiencia de usuario.
• Diseño visual.
• Catálogo administrable.
• Desarrollo WordPress.
• Contenidos.
• SEO.
• Navegación móvil.
• Conversión mediante consultas.

La tecnología utilizada es importante, pero la decisión central ocurre antes: entender qué debe resolver el sitio.

Herramat no necesitaba una web con más efectos. Necesitaba una plataforma capaz de organizar su trayectoria, su oferta y su forma de atender.

Ese fue el verdadero rediseño.

El nuevo sitio reúne el catálogo de productos, información institucional, ofertas, novedades y canales de atención de la empresa.

→ Visitar Herramat Aceros

Este proyecto se incorpora al portfolio de diseño web de DWVisual como un caso de desarrollo orientado a empresas industriales que necesitan ordenar una oferta amplia y convertir su sitio en una herramienta comercial.

¿Tu empresa necesita renovar su web o desarrollar un catálogo de productos?

→ Solicitar una propuesta a DWVisual

Preguntas frecuentes

Es un sitio o sección digital que organiza productos mediante categorías, fichas, buscadores, filtros y contenidos técnicos. Puede derivar las consultas al equipo comercial sin necesidad de incorporar carrito o pago online.

Porque muchos productos siderúrgicos requieren analizar cantidades, medidas, disponibilidad, envío o características del proyecto. En estos casos, una consulta o cotización asistida puede representar mejor el proceso de venta que un checkout automático.

Sí. La estructura fue desarrollada para permitir la carga, edición, organización y activación de productos, categorías, ofertas y novedades desde WordPress.

El SEO se contempló desde la arquitectura, las categorías, las fichas, los encabezados, las URLs, los enlaces internos, los contenidos y la información local. Yoast acompaña el control técnico, pero no reemplaza esa estructura.

Sí. El mismo enfoque puede adaptarse a fabricantes, distribuidoras, corralones, empresas metalúrgicas, comercios técnicos y organizaciones con una oferta amplia que no necesariamente venden mediante pago online.