Proyectos / Impermeabilización y aislamiento

Imperrol

Un rediseño para una empresa de impermeabilización de Cataluña: diseño en Figma, esquemas interactivos, WordPress, dos idiomas y una estructura lista para el SEO

Ver la web

País EspañaIdiomas ES · CAWeb · Panel de administración · SEO · Animaciones

Sobre el proyectoEspaña

Imperrol es un equipo de especialistas en impermeabilización y aislamiento de cubiertas, terrazas y muros en Cataluña y Aragón: Barcelona, Lleida, Tarragona y Huesca. La web antigua del cliente parecía de los años 90 y querían una web moderna, de nuevo en WordPress, que conocen bien y donde editan ellos mismos los textos y las fotos. Nuestra diseñadora creó cada página desde cero en Figma y aprobamos cada una con el cliente. Después hicimos la web en HTML, CSS y JavaScript limpios, con animaciones, contadores y esquemas interactivos, en español y catalán. Desde el principio, la estructura de las páginas se planificó para posicionar en Google en la región del cliente y para sus búsquedas clave.

Qué hicimos

  1. Cada página diseñada en Figma: una cabecera con escenas cambiantes, contadores y animaciones

    01Cada página diseñada en Figma: una cabecera con escenas cambiantes, contadores y animaciones

  2. Un mapa interactivo de la región: Huesca, Lleida, Barcelona, Tarragona y sus localidades

    02Un mapa interactivo de la región: Huesca, Lleida, Barcelona, Tarragona y sus localidades

  3. Un carrusel de trabajos realizados: fotos reales de proyectos con descripciones

    03Un carrusel de trabajos realizados: fotos reales de proyectos con descripciones

  4. Señales de una fuga como puntos interactivos sobre un modelo 3D de una cubierta

    04Señales de una fuga como puntos interactivos sobre un modelo 3D de una cubierta

  5. Sistemas de impermeabilización como esquemas claros por capas

    05Sistemas de impermeabilización como esquemas claros por capas

  6. Guías de precios por tipo de trabajo en una escala visual

    06Guías de precios por tipo de trabajo en una escala visual

  7. El trabajo paso a paso: antes, pruebas y después, en un solo selector

    07El trabajo paso a paso: antes, pruebas y después, en un solo selector

  8. Un formulario de solicitud con sugerencias con un clic y subida de fotos

    08Un formulario de solicitud con sugerencias con un clic y subida de fotos

Resultado

Qué obtuvo el cliente

  1. 01

    Una web bajo su control

    De nuevo WordPress, que el cliente conoce bien: edita él mismo los textos, las fotos y los nuevos proyectos, sin programador y sin esperas.

  2. 02

    Un diseño moderno en lugar de una web de los 90

    Una diseñadora creó cada página en Figma y el cliente aprobó cada una. Sin plantillas: tipografías modernas, animaciones y contadores.

  3. 03

    Pensada para Google desde el primer día

    Las páginas se planificaron de antemano para posicionar en la región del cliente y para sus búsquedas clave: servicios, preguntas frecuentes y zonas de trabajo.

  4. 04

    Un blog para crecer en el buscador

    El cliente lleva el blog él mismo desde el panel de administración: los artículos nuevos ayudan a subir en Google en su región.

  5. 05

    Español y catalán

    El cliente trabaja en la zona de Barcelona, así que la web habla a la gente en los dos idiomas locales.

  6. 06

    Solicitudes con fotos y conforme a la ley

    Llamar o escribir por WhatsApp lleva un toque, y el formulario permite adjuntar fotos del problema al momento. Un banner de cookies con elección real y las páginas legales cumplen la ley española.

Tecnología
  • FigmaCada página diseñada y aprobada con el cliente
  • WordPressEl cliente edita él mismo los textos, las fotos y el blog
  • HTML5Marcado limpio sin maquetador de páginas: carga rápida
  • CSSTipografías modernas, animaciones y contadores
  • JavaScriptEl mapa de la región, los carruseles y los esquemas interactivos
  • PHPFuncionamiento estable de la web y de los formularios

¿Quieres una web así para tu negocio?

Cuéntanos tu proyecto: en un día laborable te enviamos ideas, plazos y precio. La consulta es gratuita.

WhatsApp