ETRICA: diseño web y e-commerce para soluciones de energía sostenible

De folleto a plataforma digital

El brief decía “rediseñar la web”. El problema real era otro: la gente llegaba sin saber qué necesitaba. ¿Placas, una batería, una bomba de calor, un cargador, o una combinación? Una web que no responde a esa pregunta no puede vender nada, por bien que se vea.

Así que el objetivo pasó a ser una plataforma que primero educa y después convierte: más de 30 páginas que cubren cada servicio, una sección de guías y preguntas frecuentes, un presupuesto guiado, páginas propias para subvenciones y financiación, y una tienda online totalmente integrada con productos de Tesla, Wallbox, Huawei y Daikin.

El color tiene un trabajo que hacer. Una paleta de azul marino profundo lleva el peso: fiabilidad, la sensación de que el instalador sabe lo que hace. El verde se reserva para la acción, así que botones y caminos al presupuesto se leen al instante. El amarillo marca los puntos sobre la fotografía real. Composición limpia e instalaciones reales, no renders de banco de imágenes, mantienen todo con los pies en el suelo.

Mobile-first, un solo sistema

El cliente final busca desde el móvil, así que cada página se diseñó primero para móvil y después se escaló. Los mismos componentes, retícula y escala tipográfica funcionan de escritorio a teléfono: páginas de servicio, guías y tienda conservan la misma jerarquía en todos los tamaños.

Ese sistema es lo que hizo posibles más de 30 páginas en cinco fases: concepto y look & feel, UI de las páginas principales, e-commerce, responsive, y un prototipo navegable con documentación de traspaso a desarrollo.

La home es un hub, no una portada

En vez de un hero y una lista de servicios, la home hace una pregunta sencilla: ¿cuál es tu caso? Casa, negocio, coche eléctrico. Desde ahí te lleva a la solución adecuada, con guías antes que precios. El hero interactivo usa puntos sobre una instalación real para que la gente reconozca las piezas antes de saber cómo se llaman.

Debajo, la página construye confianza en el orden que necesita un comprador escéptico: cómo funciona, las marcas que se instalan, el proceso de instalación paso a paso, las reseñas de Google (4,9) y una forma clara de pedir presupuesto en cada tramo.

Cada servicio, solar, carga de vehículo eléctrico, almacenamiento y aerotermia, tiene su página, con contenido propio, productos destacados y dos salidas: pedir presupuesto o comprar directamente. Nada está a más de un clic de una acción, y nada empuja a la acción antes de la explicación.

Pedir el precio de una instalación de 10.000 euros es una barrera. Sustituimos el formulario de contacto por un presupuesto guiado: eliges tu solución, respondes unos pasos y un especialista te contesta. Baja el esfuerzo para quien visita y le llega a ETRICA una solicitud con la que puede trabajar.

Confianza más allá del producto

ETRICA necesitaba que la creyeran, no solo que la encontraran. La sección Sobre nosotros dice los valores de la empresa sin rodeos: ética, transparencia, innovación, sostenibilidad. Las páginas de subvenciones y financiación ayudan a moverse por unas ayudas que son confusas por naturaleza. El contacto cierra el circuito con un formulario limpio y estructurado.

Una tienda online integrada

La tienda forma parte del mismo sistema, no es un añadido. Cada ficha de producto lleva especificaciones, guía de instalación, preguntas frecuentes y datos de envío, para que mirar y comprar ocurran en el mismo sitio. El catálogo filtra por categoría, marca y tipo de producto.

Un sistema, todas las pantallas

La web anterior no tenía estructura, ni jerarquía, ni un recorrido para el usuario. La nueva tiene un sistema, patrones coherentes y una tienda. La misma empresa, otra capacidad de vender.

Lo que me llevo: en sectores técnicos la web tiene que enseñar antes de vender. Las guías no son relleno: son el embudo. Cada decisión de arriba, de la home como hub al presupuesto guiado, sale de ahí.

¿Necesitas una web o una tienda online para un negocio cuyo producto hay que explicar? Mira mis servicios de diseño web o reserva una llamada gratuita.