PROTEQ — сайт компании по установке и обслуживанию кондиционеров
Лендинг для компании, устанавливающей и обслуживающей кондиционеры и сплит-системы в Санкт-Петербурге. Полный цикл: от вёрстки прототипа и кастомной темы Drupal с нуля — до продакшена с формой заявок, галереей работ и SEO.
Открыть сайт →
Решения проекта
Тема и вёрстка
Кастомная тема Drupal 11 без базовой темы, на Bootstrap 5, с интерактивным калькулятором стоимости и анимированным виджетом температуры в hero-блоке.
Контент как данные
Галерея работ на отдельном контент-типе с множественной загрузкой фото — карточки собираются в карусель через кастомные Views-шаблоны, с лайтбоксом по клику.
Форма заявки
Webform с согласием на обработку персональных данных, защитой от спама и AJAX-отправкой без перезагрузки страницы, с целью в Яндекс.Метрике.
Производительность
Самостоятельный хостинг Bootstrap и шрифтов вместо внешних CDN — устранил около 2,2 секунды блокировки отрисовки страницы.
SEO
Metatag, Simple Sitemap и robots.txt — 100 из 100 баллов по SEO в Google PageSpeed Insights.
Соответствие 152-ФЗ
Страница политики обработки персональных данных, баннер согласия на cookie и чекбокс согласия в форме заявки.
Техническая база
Кастомные страницы 404/403, стилизованные системные формы Drupal, интеграция с Яндекс.Картами и Яндекс.Метрикой.
Главная страница от и до
Прокрутите витрину, чтобы посмотреть страницу целиком.
Экспонат — главная страница proteq.ru
Платформа
Drupal 11Технологии
CMS: Drupal 11 Frontend: Bootstrap 5, кастомная тема (без базовой темы), Twig Формы: Webform, Honeypot Данные и контент: кастомный контент-тип + Views (кастомные Twig-шаблоны для вывода) Медиа: Image Styles, WebP SEO: Metatag, Simple Sitemap, Pathauto Аналитика и карты: Яндекс.Метрика, Яндекс.Карты Инфраструктура: Composer, Drush, MySQL 8Другие страницы сайта
Нажмите на снимок, чтобы рассмотреть подробнее.
