Проекты / Гидроизоляция и утепление

Imperrol

Редизайн сайта компании по гидроизоляции в Каталонии: дизайн в Figma, интерактивные схемы, WordPress, два языка и структура под SEO

Открыть сайт

Страна ИспанияЯзыки ES · CAСайт · Админ-панель · SEO · Анимации

О проектеИспания

Imperrol — команда специалистов по гидроизоляции и утеплению кровель, террас и стен в Каталонии и Арагоне: Барселона, Льейда, Таррагона и Уэска. Старый сайт клиента выглядел как из 90-х, а ему нужен был современный сайт — снова на WordPress, к которому он привык и где сам меняет тексты и фото. Дизайн каждой страницы с нуля рисовал наш дизайнер в Figma, и каждую мы согласовывали с клиентом. Потом собрали сайт на чистом HTML, CSS и JavaScript — с анимациями, счётчиками и интерактивными схемами, на испанском и каталанском. Структуру страниц с самого начала спланировали под продвижение в Google по региону и ключевым запросам.

Что сделали

  1. Дизайн каждой страницы в Figma: первый экран со сменой сцен, счётчики и анимации

    01Дизайн каждой страницы в Figma: первый экран со сменой сцен, счётчики и анимации

  2. Интерактивная карта регионов: Уэска, Льейда, Барселона, Таррагона и их города

    02Интерактивная карта регионов: Уэска, Льейда, Барселона, Таррагона и их города

  3. Слайдер выполненных работ: реальные фото объектов с описанием

    03Слайдер выполненных работ: реальные фото объектов с описанием

  4. Признаки протечки — интерактивными точками на 3D-модели кровли

    04Признаки протечки — интерактивными точками на 3D-модели кровли

  5. Системы гидроизоляции — наглядными схемами слоёв

    05Системы гидроизоляции — наглядными схемами слоёв

  6. Ориентиры цен по видам работ на наглядной шкале

    06Ориентиры цен по видам работ на наглядной шкале

  7. Работа по этапам: до, проверка и после — в одном переключателе

    07Работа по этапам: до, проверка и после — в одном переключателе

  8. Форма заявки с подсказками в один клик и загрузкой фото

    08Форма заявки с подсказками в один клик и загрузкой фото

Результат

Что получил клиент

  1. 01

    Сайт под своим управлением

    Снова WordPress, к которому клиент привык: тексты, фото и новые работы он меняет сам — без программиста и ожидания.

  2. 02

    Современный дизайн вместо сайта из 90-х

    Каждую страницу рисовал дизайнер в Figma, и каждую согласовывали с клиентом. Никаких шаблонов: современные шрифты, анимации и счётчики.

  3. 03

    Структура под Google с первого дня

    Страницы заранее спланированы под продвижение в своём регионе и под ключевые запросы: услуги, частые вопросы, регионы работы.

  4. 04

    Блог для роста в поиске

    Клиент сам ведёт блог в админ-панели — новые статьи помогают подниматься в Google по своему региону.

  5. 05

    Испанский и каталанский

    Клиент работает в регионе Барселоны, поэтому сайт говорит с людьми на обоих местных языках.

  6. 06

    Заявки с фото, всё по закону

    Позвонить или написать в WhatsApp — в один клик, а в форме можно сразу приложить фото проблемы. Cookie-баннер с выбором и юридические страницы — по законам Испании.

Технологии
  • FigmaДизайн каждой страницы, согласованный с клиентом
  • WordPressТексты, фото и блог клиент меняет сам
  • HTML5Чистая вёрстка без конструкторов — быстрая загрузка
  • CSSСовременные шрифты, анимации и счётчики
  • JavaScriptКарта регионов, слайдеры и интерактивные схемы
  • PHPСтабильная работа сайта и форм заявок
Другие проектыВсе проекты →

Хотите такой же сайт для своего бизнеса?

Расскажите о задаче — в течение рабочего дня пришлём идеи, сроки и цену. Консультация бесплатная.

WhatsApp