Разработка сайта Gervent
GERVENT производит турбодефлекторы и готовые комплекты вентиляции из ударопрочного АБС-пластика. Клиенту требовался сайт, который:
- покажет преимущества продукции и докажет экспертность бренда;Gervent
- позволит покупать оборудование онлайн и офлайн через сеть партнёров; Gervent
- сократит время консультаций с помощью самообслуживания (калькулятор, FAQ, техническая база); Gervent
- будет легко масштабироваться по ассортименту и контенту.
Мы изучили сегмент DIY-вентиляции и контент конкурентов, собрали CJM домашних мастеров и монтажников. На основе инсайтов сформулировали сквозные сценарии: «быстрая покупка комплекта», «подбор решения под кровлю», «скачать BIM/чертёж для проектировщика». Черновые прототипы тестировались на фокус-группе из клиентов Gervent и монтажных бригад.
Фирменные зелёно-графитовые акценты и большие 3-D фото турбин из галереи подчёркивают инженерную эстетику продукта Gervent. Сетка 12 колонок и адаптивная типографика обеспечивают корректное отображение от 320 px до Full HD.
- Stack — Tailwind + Alpine JS для микровзаимодействий без перегруза JS-бандла.
- Ленивая загрузка изображений hero-баннера и карточек каталога ускоряет LCP: графика выводится после текста «Создайте идеальный микроклимат…» уже через 1,2 с Gervent.
Калькулятор потребностей (частный дом / погреб / гараж) считает число комплектов РВТ-160 на лету и instantly обновляет сумму Gervent.
- CMS — WordPress 6 + WooCommerce с кастомным типом продукта «Комплект вентиляции», поддержкой вариаций по диаметру и цвету (RAL-палитра) Gervent.
- Интеграция с Telegram и VK-сообществом выводит чат-иконки в хедере и передаёт заявки менеджерам Gervent.
- CSV-синк с 1С:Предприятие обновляет цены и остатки каждые 4 часа.
Партнёрская карта строится на ACF + Yandex Map API: данные дилеров редактируются в админке, на витрине выводятся в разрезе регионов Gervent.
- Шаблон блога раскрывает технические темы («АБС-пластик — уникальная разработка…») и генерирует долгий хвост поисковых запросов Gervent.
- Структурированные данные Product, FAQ и Breadcrumb повышают CTR сниппетов.
В базе «Техническая информация» размещены BIM-модели и сертификаты, что облегчает работу проектировщиков Gervent.
- +42 % к среднему времени на сайте и +31 % к количеству заявок через форму «Рассчитать выгоду» за первые три месяца после релиза (данные из GA4).
- Сайт обрабатывает >10 000 товарных вариаций без просадки скорости благодаря оптимизированным запросам к WooCommerce.
- Отчёты SEO-аудита показывают CLS < 0,05 и Core Web Vitals «Good» на мобильных устройствах.
WordPress 6, WooCommerce, PHP 8.3, MySQL 8, Tailwind CSS, Alpine JS, ACF Pro, Yandex Maps API, Telegram Bot API, GitLab CI/CD, Docker Swarm.
Новый сайт превратил бренд GERVENT из офлайн-производителя в полноценный DTC-игрок с каналом онлайн-продаж и цифровой поддержкой дилеров. Гибкая архитектура WordPress + WooCommerce позволяет масштабировать каталог и добавлять новые сервисы (личный кабинет монтажника, AR-примерка турбины на кровлю) без переработки ядра.