Разработка сайта-каталога для производителя композитных бассейнов

DEV
28.06.2026
Сайт cgpools.ru
Время работы над проектом:
8 недель

Сфера клиента:

Производство и продажа композитных бассейнов

Запрос клиента:

Клиенту требовалась самостоятельная площадка с собственным брендом: удобный каталог бассейнов, карточки моделей с характеристиками и фото, презентация преимуществ и формы заявок. Сайт должен был корректно работать на мобильных и десктопах и принимать рекламный трафик на отдельный домен.

Сложности в работе с проектом:

  • Большой объём страниц с индивидуальным дизайном — каталог, карточки моделей, портфолио, этапы работы: каждый раздел верстался отдельно с проработкой адаптива.
  • Жёсткие требования к скорости и Core Web Vitals под рекламный трафик — пришлось балансировать между крупными фото продукции и производительностью.
  • Сохранить премиальную подачу с большими изображениями и при этом удобную мобильную навигацию.
  • Настроить структуру в MODX так, чтобы клиент мог добавлять модели и страницы без участия разработчика.

Ситуация до начала работ

У компании уже было несколько сайтов по смежным направлениям, однако для новой линейки композитных бассейнов требовалась отдельная современная площадка с самостоятельным позиционированием бренда

Основные проблемы:

  • отсутствовал отдельный сайт под новое направление;
  • информация о линейке была разрозненна и распределена между другими сайтами компании;
  • не было единого каталога моделей бассейнов;
  • преимущества продукта и этапы работы были представлены неудобно и несистемно;
  • не хватало корректного отображения на мобильных устройствах и десктопах;
  • требовалась отдельная посадочная площадка под запуск рекламного трафика.

Бизнес-задача: создать самостоятельный продающий сайт для нового направления компании и упростить получение заявок от потенциальных клиентов.

Ключевые решения и особенности проекта

РешениеОписание
Отдельный сайт под бренд Новое направление вынесли на самостоятельный домен, чтобы выстроить независимое позиционирование бренда и запускать рекламный трафик, не размывая другие сайты компании. Это дало проекту собственную аналитику, свою структуру и свободу в развитии.
Баланс визуала и скорости Премиальная подача требовала крупных фотографий продукции, что конфликтует с требованиями к Core Web Vitals под рекламный трафик. Решили задачу за счёт оптимизации и сжатия изображений, отложенной загрузки и аккуратной работы с весом страниц — сохранили эффектный визуал и удержали высокую скорость загрузки.
Каталог как смысловой центр Структуру выстроили вокруг каталога с делением на линейки (PREMIUM и ECOLINE) и карточками моделей, где собраны характеристики, фото, габариты и цена. Путь пользователя от перехода с рекламы до отправки заявки сделали максимально коротким и понятным.
Удобная мобильная подача Отдельно проработали мобильную версию: адаптировали крупные изображения, упростили навигацию и вынесли акцентные CTA-блоки, ведущие к заявке. Сайт одинаково хорошо работает и на десктопе, и на смартфоне — что критично для рекламного трафика.
Управление контентом на MODX Настроили структуру в MODX Revolution так, чтобы клиент мог добавлять новые модели, страницы и материалы без участия разработчика. Это снижает стоимость поддержки и делает сайт автономным в дальнейшем развитии.

Процесс работы

  • Аналитика и исследование. Изучили конкурентов в нише композитных бассейнов и описали основные сценарии пользователей: выбор модели, просмотр характеристик, изучение преимуществ и отправка заявки. Это задало логику будущей структуры — путь от первого знакомства с продуктом до обращения.

Аналитика и исследования

  • Проектирование. На основе сценариев собрали структуру сайта: каталог и страницы моделей, информационные разделы, портфолио, этапы работы, новости, контакты и формы связи. Каталог сделали смысловым центром, к которому ведут остальные разделы.

карта сайта в фигме

прототип главной

 

  • Дизайн. Разработали современный визуальный стиль с упором на крупные фотографии продукции и минималистичный интерфейс, не отвлекающий от товара. Отдельно проработали мобильную навигацию и акцентные CTA-блоки, ведущие к заявке.

дизайн

каталог

карточка товара

 

  • Разработка. Сделали адаптивную кроссбраузерную вёрстку и интегрировали сайт с MODX Revolution, чтобы клиент мог самостоятельно добавлять модели и страницы. Реализовали каталог с карточками моделей, формы заявок, интерактивные блоки и анимации. Параллельно оптимизировали скорость загрузки — ключевой компромисс между тяжёлым визуалом и производительностью под рекламный трафик.

кросс мобильная версия

  • Контент. Наполнили карточки бассейнов характеристиками и фото, описали преимущества компании и техническую информацию, подготовили изображения и SEO-контент.

контент

  • Тестирование. Проверили работу форм, адаптивность, корректность отображения контента и производительность сайта на реальных устройствах и в разных браузерах.

Производительность

  • Запуск и передача. Перенесли проект на рабочий сервер, подключили SSL, настроили аналитику, провели финальную оптимизацию и передали сайт клиенту с возможностью самостоятельного управления контентом.

Команда проекта:

  • Project Manager — коммуникация с клиентом, контроль этапов
  • UX/UI дизайнер — структура страниц, адаптивный интерфейс
  • Frontend/Backend разработчик — вёрстка, интеграция CMS, формы
  • Контент-менеджер — наполнение каталога и страниц

Технологии, применяемые при работе с сайтом:

  • CMS MODX Revolution
  • HTML5 / SCSS / JavaScript
  • Интеграция форм заявок.

Результаты

По итогам проекта компания получила самостоятельный продающий сайт под новое направление, готовый к приёму рекламного трафика:

  • Новое направление быстро вышло в отдельный бренд на собственном домене.
  • Сайт показывает стабильную скорость загрузки и корректные показатели Core Web Vitals.
  • Единый каталог сделал выбор моделей бассейнов простым и наглядным.
  • Каталог и карточки моделей удобно просматривать на мобильных устройствах.
  • После запуска рекламы выросло количество заявок с сайта.
  • Компания получила отдельную площадку под продвижение направления и самостоятельно управляет контентом.

Результаты работы

 

Закажите бесплатный SEO аудит сейчас и получите:
  • Регламент: Как отслеживать ключевые метрики бизнеса на ежедневной основе по принципу светофора *
  • Чек-лист: Маркетинговый анализ сайта самостоятельно - как повысить конверсию сайта *
* Для получения подарков заполните ваш e-mail в форме ниже.
SVG left bottom
Рейтинг:
Ещё никто не проголосовал :(((
0,0 / 5 (0 оценок)
Rate 5 (0) - 0%
Rate 4 (0) - 0%
Rate 3 (0) - 0%
Rate 2 (0) - 0%
Rate 1 (0) - 0%
Нам важно мнение каждого читателя о наших кейсах и мы хотим получать обратную связь! Какие эмоции у вас вызвал этот кейс?
Пожалуйста, заполните данные:
Последние кейсы из раздела DEV
SVG Top