Информация о проекте
ООО ЦПК «СТС» — инжиниринговая компания, специализирующаяся на обеспечении жизненного цикла предприятий атомной отрасли. Более семи лет компания поставляет оборудование для атомных станций и объектов использования атомной энергии, сотрудничая с ключевыми предприятиями госкорпорации «Росатом». В портфеле заказчиков — Курская, Ленинградская, Калининская, Кольская АЭС, Горно-химический комбинат, Сибирский химический комбинат, Армянская АЭС и АЭС «Руппур» в Бангладеш.

Цели создания сайта
- Разработать современный корпоративный сайт для презентации сложного промышленного оборудования.
- Создать удобную структуру каталога с возможностью фильтрации по категориям (насосы, фильтры, аппаратура контроля, оборудование для РАО).
- Обеспечить наглядную демонстрацию географии поставок с помощью интерактивной карты.
- Реализовать карточки товаров с подробными техническими характеристиками, фотографиями и возможностью скачивания документации.
- Внедрить форму заявки для сбора запросов от потенциальных заказчиков с указанием типа оборудования и контактных данных.
- Предусмотреть возможность отрисовки оборудования в едином стиле (иллюстрации вместо фотографий) из-за строгих требований заводов-изготовителей к авторским правам.
- Интегрировать блоки с информацией о партнёрах, реализованных проектах, новостях и сертификатах.
Решение
Для реализации проекта мы выбрали CMS WordPress — надёжную и гибкую платформу, которая идеально подходит для каталогов со сложной структурой. Работу начали с глубокого анализа предоставленных материалов и технического задания, разработанного совместно с заказчиком.
Первым этапом стал дизайн. Учитывая высокие требования к визуальной презентации и невозможность использования реальных фотографий оборудования (из-за авторских прав заводов), было принято решение отрисовать все позиции в едином иллюстративном стиле. Каждое изделие получило стилизованное векторное изображение на прозрачном фоне, что позволило унифицировать каталог и избежать конфликтов с правообладателями.
На основе утверждённого макета мы разработали главную страницу с блоками «О компании», «Каталог продукции», «Реализованные проекты», «Партнёры» и интерактивной картой поставок. Особое внимание уделили карте: на ней отмечены все объекты, куда компания поставляла оборудование — от Курской АЭС до зарубежных площадок. При наведении на метку появляется краткая информация о проекте.
Каталог продукции построен по многоуровневому принципу: основные категории (насосное оборудование, фильтры, аппаратура контроля) раскрываются в подкатегории и конкретные товары. Для каждой позиции мы создали отдельную карточку с детальным описанием, техническими параметрами и ссылкой на скачивание документации. Форма заявки настроена так, чтобы потенциальный заказчик мог указать тип оборудования, объект поставки и свои контактные данные — все поля передаются на почту компании для оперативной обработки.
Отдельным вызовом стала работа с иллюстратором: нам потребовалось скоординировать создание 30 уникальных изображений, точно соответствующих реальным образцам оборудования, но при этом достаточно стилизованных, чтобы не нарушать авторские права. Мы разработали чёткое техническое задание с примерами желаемого результата и пропорциями (1:1 или 3:4), а после получения всех иллюстраций интегрировали их в карточки товаров.
Параллельно с дизайном вёлся этап вёрстки и программирования. Все страницы были свёрстаны по методологии БЭМ с учётом адаптивности для мобильных устройств. На этапе тестирования мы исправили несколько критических замечаний заказчика, включая дублирование новостей, некорректное отображение карты на мобильных и настройку SSL-сертификата. После финальной проверки сайт был перенесён на боевой хостинг, настроена интеграция с доменом и переданы доступы к админ-панели для самостоятельного наполнения.
Итоги проекта
В результате компания ЦПК «СТС» получила современный, визуально привлекательный и технически грамотный сайт, который не только презентует оборудование, но и служит удобным инструментом для привлечения новых заказчиков. Интерактивная карта наглядно демонстрирует масштаб деятельности, а каталог с подробными карточками товаров позволяет инженерам быстро находить нужную информацию и направлять запросы. Мы гордимся тем, что смогли найти креативное решение для сложной задачи с авторскими правами и создать проект, который полностью соответствует строгим стандартам атомной отрасли.
HTML
CSS
Javascript
Cpc-sts.ru