Saltar al contenido

Proyecto

ElectroUno: diseño web para su catálogo mayorista de materiales eléctricos

Desarrollamos la web de ElectroUno para recorrer sus familias de materiales eléctricos, conocer sus marcas y contactar al equipo comercial.

  • Diseño Catálogo Web
  • Distribución mayorista de materiales eléctricos
  • Rosario, Santa Fe, Argentina
  • 2026

El diseño web de ElectroUno parte de una actividad concreta: la distribución mayorista de materiales eléctricos para comercios y empresas. La compañía tiene sede en Rosario y presenta una oferta que reúne productos, marcas y atención comercial. En DWVisual trabajamos una web que ordena esa información y facilita el paso desde una categoría de interés hasta el contacto con un asesor. El proyecto conecta la presentación institucional con las necesidades de quien consulta por materiales para su negocio.

La propuesta reúne una portada, información de la empresa, familias de productos, proveedores, Call Center y contacto. También conserva un acceso identificado para clientes. El diseño utiliza la identidad azul y naranja de ElectroUno, imágenes de materiales y una organización visual que distingue categorías y acciones. Los mockups preparados para el portfolio muestran la relación entre la portada y la presentación de marcas, dos partes de una experiencia pensada para explicar la oferta y orientar consultas comerciales.

Por Daniel Esteban Waisman, director de DWVisual.

Sitio web de ElectroUno diseñado por DWVisual, con portada, categorías y marcas en una computadora portátil.
ElectroUno · Diseño y desarrollo web de DWVisual. Abrí la imagen para verla completa.

Una portada que identifica al público mayorista

La primera pantalla presenta a ElectroUno como distribuidor mayorista de materiales eléctricos. El texto identifica casas de electricidad, ferreterías, constructoras y empresas, y aclara que la venta es exclusiva a comercios y empresas. Esa información define el contexto desde el inicio. Una persona puede reconocer para quién está pensada la propuesta antes de recorrer categorías o abrir un canal de consulta.

El diseño da jerarquía a esta presentación y la relaciona con mensajes sobre marcas y atención. La portada permite comunicar distintos aspectos de la actividad sin perder la definición principal del negocio. Esta claridad es importante en un catálogo mayorista: las familias de productos pueden ser conocidas por públicos diferentes, pero las condiciones y la forma de atención tienen que estar expresadas en el recorrido inicial.

La navegación acompaña distintas consultas comerciales

El menú diferencia quiénes somos, productos, proveedores, Call Center y contacto. Cada sección responde a una pregunta distinta. La presentación institucional explica quién está detrás de la distribución; productos permite reconocer líneas; proveedores muestra marcas; Call Center acerca al equipo comercial. El visitante puede entrar por el tema que necesita y avanzar hacia una conversación sin recorrer obligatoriamente todas las páginas.

La arquitectura también conserva el acceso de clientes como una acción diferenciada. Este enlace conduce al sistema correspondiente y no se confunde con la presentación pública del catálogo. En el portfolio describimos esa conexión con precisión: el sitio institucional organiza la información y ofrece acceso al entorno de clientes. La existencia del enlace no implica que todas las funciones del sistema externo formen parte del desarrollo de esta web.

Diez familias de productos para ordenar la oferta

La sección de productos reúne diez categorías que permiten recorrer la actividad de ElectroUno por familias. Se presentan protecciones, potencia y tableros; cables y conductores; materiales de instalación; automatización y control industrial; medición e instrumentación; iluminación; herramientas y seguridad industrial; material eléctrico residencial; conectividad y seguridad electrónica; energía solar y renovables. La clasificación convierte una oferta amplia en puntos de entrada reconocibles.

Cada categoría tiene una descripción breve que explica qué tipo de materiales reúne. Esto ayuda a interpretar nombres que pueden tener distinto nivel de familiaridad para cada visitante. La portada ofrece accesos a estas familias y la página de productos permite recorrerlas con más continuidad. La estructura está pensada para orientar la consulta comercial, con una relación visible entre la categoría y el equipo que puede ampliar la información.

Protecciones, conductores e instalación con referencias concretas

Las primeras familias agrupan materiales básicos para distintos tipos de instalaciones. Protecciones, potencia y tableros presenta interruptores, protecciones y gabinetes para distribución eléctrica. Cables y conductores identifica aplicaciones residenciales, comerciales e industriales. Materiales de instalación reúne canalizaciones, cajas, terminales y accesorios de conexión. Los textos aportan referencias suficientes para ubicar el tema de cada grupo sin convertir la página en una lista de códigos.

El trabajo de contenido consiste en darle a la navegación un vocabulario relacionado con la actividad real. La persona puede reconocer una familia y utilizarla como punto de partida para hablar con un asesor. La página pública no intenta sustituir una selección técnica específica con una descripción general. Organiza líneas y categorías, mientras los datos del pedido y las necesidades de cada instalación se continúan por los canales comerciales de ElectroUno.

Categorías para industria, medición e iluminación

La oferta se amplía con automatización y control industrial, medición e instrumentación e iluminación. Las descripciones mencionan contactores, relés y componentes de mando; instrumentos para medición y monitoreo eléctrico; luminarias, lámparas LED y opciones portátiles. El sitio distribuye estos contenidos en módulos consistentes, lo que permite pasar de una categoría a otra sin aprender una forma nueva de navegación.

Esta consistencia visual ayuda a comparar el alcance de las familias y a reconocer su relación con distintos proyectos. La identidad de cada grupo se apoya en su nombre y su explicación. El desarrollo mantiene el contenido legible como texto, además de las imágenes que acompañan la presentación. De esa manera, la información puede recorrerse, compartirse y mantenerse sin depender exclusivamente de una composición gráfica.

Herramientas, conectividad y nuevas líneas

La página también presenta herramientas y seguridad industrial, material eléctrico residencial, conectividad y seguridad electrónica, y energía solar y renovables. Los textos describen herramientas e insumos, llaves y tomacorrientes, accesorios de red y protecciones para instalaciones fotovoltaicas. Estas referencias amplían la comprensión de la propuesta mayorista y muestran la diversidad de consultas que puede recibir la empresa.

La organización evita que esas líneas queden ocultas dentro de una categoría demasiado general. Al darles una entrada identificable, el sitio permite que un visitante llegue directamente al área que necesita. El cierre de productos invita a consultar por las líneas y marcas requeridas para el negocio. El recorrido mantiene así una relación entre exploración y contacto, con una acción que corresponde al contexto de la página.

Marcas y proveedores con una presentación propia

Los proveedores tienen una sección dedicada, donde la web diferencia alianzas estratégicas de otras marcas que comercializa ElectroUno. Esta distribución da contexto a los logotipos y permite comprender cómo se presenta la relación comercial. La portada también destaca marcas vinculadas con la propuesta de la empresa. El diseño integra esos elementos dentro de una composición ordenada y coherente con la identidad general del sitio.

Para un visitante mayorista, reconocer marcas puede ser una forma de orientar su consulta. Por eso, la sección no funciona solamente como una decoración institucional. Ofrece una referencia que se relaciona con el catálogo y con la conversación comercial. El trabajo de DWVisual consiste en presentar esa información de manera legible, conservando los nombres y las identidades de los proveedores sin convertir la cantidad de logotipos en el único argumento de la página.

Un Call Center visible y cercano al pedido

La web reserva una página al equipo de Call Center y presenta a los asesores con sus canales de contacto. La sección explica que atienden cotizaciones, pedidos y asesoramiento comercial. Los nombres y accesos individuales permiten reconocer a las personas que continúan la conversación. El visitante cuenta con una entrada concreta al equipo, además de los canales generales que aparecen en otras partes del sitio.

Esta decisión conecta la presentación digital con una operación que necesita intercambio. Un pedido puede requerir cantidades, marcas, variantes o condiciones que no se resuelven en una tarjeta de categoría. El sitio facilita encontrar el contacto adecuado y mantiene el propósito comercial de esa comunicación. La página no presenta una compra automática donde existe una consulta; explica el camino disponible y deja visible quién puede acompañar el siguiente paso.

Contacto integrado a la navegación

Los accesos a WhatsApp y a consultas comerciales aparecen en distintas partes del recorrido. La portada introduce la oferta, productos permite reconocer líneas y el cierre invita a contactar al equipo. Esta continuidad evita que la persona tenga que volver al inicio para encontrar cómo seguir. Las llamadas a la acción utilizan expresiones relacionadas con pedidos y asesoramiento, de acuerdo con la función de cada página.

El diseño conserva también una sección de contacto dentro del menú. Así ofrece un destino estable para quien entra con la intención directa de comunicarse. La combinación de accesos contextuales y página general responde a formas de uso diferentes. Quien llega desde una categoría puede continuar su consulta desde allí; quien ya conoce a ElectroUno encuentra el canal de contacto sin recorrer toda la presentación de productos.

Comunicar la distribución con condiciones comprensibles

La portada presenta la cobertura de distribución y una referencia al despacho al transporte. El texto distingue ese plazo del tiempo de entrega en destino, que depende del servicio y la localidad. Esta diferencia aporta precisión a un mensaje que podría interpretarse de maneras distintas. El trabajo de comunicación web debe conservar las condiciones que ayudan al cliente a comprender qué se está ofreciendo.

El sitio incorpora además una representación geográfica vinculada con Rosario y la distribución. La propia página aclara el carácter ilustrativo de los recorridos. En el proyecto visual, el mapa ayuda a presentar el contexto territorial sin transformarse en una confirmación automática de rutas o condiciones para un pedido. La información comercial específica se continúa con el equipo, mientras la portada explica la propuesta general de la empresa.

Historia y presentación institucional

La sección «Quiénes somos» describe la trayectoria de ElectroUno y su actividad mayorista desde Rosario. El contenido reúne información de la empresa, su relación con clientes y proveedores y la forma de acompañar las consultas. También presenta misión, visión y compromiso. La estructura permite desarrollar esa información sin desplazar las tareas comerciales que protagonizan la portada.

La identidad institucional aporta contexto a la oferta. Una persona que está evaluando un proveedor puede querer conocer la empresa además de sus productos. El diseño ofrece ese recorrido mediante títulos, bloques y enlaces reconocibles. Los datos publicados pertenecen a la presentación de ElectroUno; en esta ficha de proyecto el foco está en cómo se organizaron y en la relación que mantienen con catálogo, marcas y atención.

Diseño visual vinculado con la actividad de ElectroUno

El sitio utiliza azules como base de identidad y detalles naranjas para organizar acentos y acciones. Las imágenes de materiales eléctricos se relacionan con las categorías y con los mensajes de la portada. La composición alterna espacios de presentación con bloques de lectura más breve. Esta distribución permite que el visitante reconozca tanto la amplitud de la oferta como los caminos para consultarla.

Las tarjetas, encabezados y botones mantienen un lenguaje visual común. El objetivo es que las secciones se sientan parte de la misma experiencia y que el usuario pueda identificar acciones sin interpretar un diseño diferente en cada página. Los mockups del portfolio muestran pantallas reales del proyecto dentro de una presentación de dispositivos, conservando las marcas y la organización del sitio para explicar el resultado de diseño.

Adaptación y lectura en distintos dispositivos

La web contempla la consulta desde computadoras y teléfonos, con una estructura que reorganiza módulos y navegación según el espacio disponible. Las categorías, los contactos y los textos institucionales necesitan seguir siendo reconocibles cuando cambia el tamaño de pantalla. El desarrollo trabaja esa continuidad como parte de la experiencia, manteniendo una relación clara entre contenido y acción.

La información relevante se presenta como texto de la página. Las imágenes acompañan la explicación, mientras los nombres de productos, categorías y secciones permanecen legibles y accesibles para la navegación. Este criterio permite que la web se utilice como herramienta de consulta y que sus contenidos puedan actualizarse sin rehacer una pieza gráfica cada vez. La identidad visual acompaña esa estructura y ayuda a reconocer a ElectroUno a lo largo del recorrido.

Contenido organizado para búsqueda y comprensión

La arquitectura relaciona ElectroUno con distribución mayorista, materiales eléctricos y Rosario. Las páginas de productos, proveedores y atención desarrollan aspectos distintos de esa actividad. Los enlaces explican sus destinos y conectan información que puede necesitarse dentro de una misma consulta. Esta base forma parte del enfoque de diseño web y SEO de DWVisual: describir con claridad la empresa, su oferta y las acciones disponibles para el visitante.

El posicionamiento requiere continuidad y revisión, pero la estructura puede prepararse desde el diseño. En este proyecto, la clasificación de productos y la separación de contenidos permiten mantener temas definidos. La actualización de marcas, líneas y condiciones comerciales debe conservar esa coherencia. El sitio ofrece espacios para cada tipo de información y evita que toda la presentación dependa de una única página extensa o de un catálogo gráfico sin recorridos de contacto.

El trabajo de DWVisual para ElectroUno

El proyecto reúne presentación institucional, diez familias de productos, marcas, Call Center y contacto dentro de una identidad consistente. La portada explica el carácter mayorista y dirige hacia las secciones que amplían cada tema. Los recorridos permiten conocer la oferta y encontrar a las personas que continúan la consulta. La web conecta así la información del negocio con la atención que forma parte de su actividad cotidiana.

Podés visitar la web de ElectroUno para recorrer las páginas del proyecto. En DWVisual desarrollamos catálogos y sitios para empresas que necesitan ordenar una oferta amplia y acercarla a sus clientes. Si tu negocio reúne productos, proveedores y un equipo comercial, podemos trabajar la arquitectura y el diseño para que esas partes se entiendan juntas y cada consulta encuentre un camino claro para continuar.

Visitar la web de ElectroUno · Ver otros trabajos de DWVisual · Contanos tu proyecto

Señal

Compartí este proyecto

Mostrá evidencia real de diseño, tecnología y resultados.

Tu próximo proyecto

¿Querés conversar sobre el tuyo?

Contanos el contexto. Preparamos una lectura inicial sin compromiso.

Solicitar propuesta