Projects / Waterproofing and insulation

Imperrol

A redesign for a waterproofing company in Catalonia: a Figma design, interactive diagrams, WordPress, two languages and an SEO-ready structure

Visit website

Country SpainLanguages ES · CAWebsite · Admin panel · SEO · Motion design

About the projectSpain

Imperrol is a team of specialists in waterproofing and insulating roofs, terraces and walls across Catalonia and Aragon: Barcelona, Lleida, Tarragona and Huesca. The client's old site looked like it was from the 90s, and they wanted a modern site — on WordPress again, which they know well and where they edit text and photos themselves. Our designer created every page from scratch in Figma, and we approved each one with the client. Then we built the site in clean HTML, CSS and JavaScript — with motion, counters and interactive diagrams, in Spanish and Catalan. From the start, the page structure was planned for Google rankings in the client's region and for their key search terms.

What we did

  1. Every page designed in Figma: a hero with changing scenes, counters and motion

    01Every page designed in Figma: a hero with changing scenes, counters and motion

  2. An interactive region map: Huesca, Lleida, Barcelona, Tarragona and their towns

    02An interactive region map: Huesca, Lleida, Barcelona, Tarragona and their towns

  3. A slider of completed work: real project photos with descriptions

    03A slider of completed work: real project photos with descriptions

  4. Signs of a leak as interactive points on a 3D roof model

    04Signs of a leak as interactive points on a 3D roof model

  5. Waterproofing systems as clear layer diagrams

    05Waterproofing systems as clear layer diagrams

  6. Price guides by type of work on a visual scale

    06Price guides by type of work on a visual scale

  7. The job step by step: before, testing and after — in one switcher

    07The job step by step: before, testing and after — in one switcher

  8. An enquiry form with one-click hints and photo upload

    08An enquiry form with one-click hints and photo upload

Outcome

What the client got

  1. 01

    A site they control

    WordPress again, which the client knows well: they edit text, photos and new projects themselves — no developer, no waiting.

  2. 02

    A modern design instead of a 90s site

    A designer created every page in Figma, and each one was approved by the client. No templates: modern fonts, motion and counters.

  3. 03

    Built for Google from day one

    The pages were planned in advance to rank in the client's region and for their key search terms: services, FAQs and service areas.

  4. 04

    A blog to grow in search

    The client runs the blog themselves in the admin panel — new articles help the site climb Google in their region.

  5. 05

    Spanish and Catalan

    The client works in the Barcelona area, so the site speaks to people in both local languages.

  6. 06

    Leads with photos, fully compliant

    Calling or messaging on WhatsApp takes one tap, and the form lets people attach photos of the problem straight away. A cookie banner with real choice and legal pages follow Spanish law.

Technology
  • FigmaEvery page designed and approved with the client
  • WordPressThe client edits text, photos and the blog themselves
  • HTML5Clean markup with no page builder — fast loading
  • CSSModern fonts, motion and counters
  • JavaScriptThe region map, sliders and interactive diagrams
  • PHPStable site and enquiry forms
More projectsAll projects →

Want a site like this for your business?

Tell us about your project — within one business day we'll send ideas, a timeline and a price. The consultation is free.

WhatsApp