↗ Кейс · B2B · Инжиниринг · 2026

Сайт инжиниринга полного цикла: понятный заказчику с первого экрана

Переосмыслили сайт ICOM Engineering — компании, которая проектирует, производит оборудование и запускает системы водоснабжения, водоотведения и гидротехнические сооружения. Сохранили фирменный стиль и перестроили главную, раздел объектов и каталог оборудования под B2B-заказчика.

icom.engineering/

О проекте ↗

Инжиниринг от изысканий до запуска

ICOM Engineering (Ай-Ком) с 2010 года проектирует и строит объекты водоснабжения, водоотведения и гидротехнические сооружения: от изысканий и BIM-модели до собственного производства оборудования и пусконаладки. Среди объектов — очистные сооружения Тюмени, водоподготовка на месторождениях Карабатан и Тенгиз, проекты для АО «Апатит» и Лебединского ГОКа.

Сайт должен был работать на крупного промышленного заказчика: быстро объяснять, что компания делает, показывать реализованные объекты и подводить к заявке — а каталог оборудования «Аквастрим» ещё и собирать поисковый спрос.

Клиент: ICOM Engineering (Ай-Ком)
Отрасль: Инжиниринг, водоснабжение и водоотведение
Сайт: icom.engineering ↗
Страницы: Главная, эко-объекты, каталог оборудования
Что делали: UX-аудит, прототипы, UI-дизайн, адаптив, SEO-тексты
Год: 2026

ключевые страницы в новом дизайне

позиций каталога «Аквастрим» с фильтрами

объектов на карте с фильтрами по отраслям

версии — desktop 2000 и mobile 375

Задача и решение

Сильная экспертиза — на языке заказчика

Задача

Текущий сайт рассказывал о сильной экспертизе длинными абзацами капслоком. Заказчику было сложно за минуту понять, чем компания полезна и с чего начать работу: объекты и оборудование шли без фильтров и контекста, а форма собирала только имя и телефон.

Что мы сделали

Переписали первый экран под ключевой запрос и ценность «полный цикл», собрали экспертизы в карточки, добавили этапы работы и аргументы вместо «7 фактов». На странице объектов — карта с метками и фильтры по отраслям, в каталоге «Аквастрим» — фильтры по задаче и технологии, «Запросить КП» и SEO-текст. Во все разделы встроили сквозную B2B-форму с загрузкой ТЗ.

Результат

Сайт говорит языком промышленного заказчика: сразу понятно, что компания делает, где уже работала и как отправить задачу. Каталог и объекты работают и на поиск, и на заявки, а дизайн-система из мозаики и градиентов легко масштабируется на новые разделы.

Состав работ

UX-аудит
Прототипирование
UI-дизайн
Адаптивная версия
Дизайн-система
Карта объектов
Каталог оборудования
SEO-структура и тексты
B2B-форма заявки

Дизайн в деталях

Продукт в деталях.

Главная, эко-объекты и каталог — в одном фирменном стиле: синий, графит, мозаика из четвертей круга и мягкие градиенты.

01 · Решение

Экспертизы и этапы — вместо длинных абзацев

Четыре направления в карточках с фото, списком работ и ссылкой на услугу. Блок «Как проходит проект» показывает путь от обследования до запуска и снимает вопрос «с чего начать».

icom.engineering/

02 · Решение

Объекты: карта, фильтры и флагманский проект

Карта на всю ширину с метками объектов и трассой М-4, фильтры по отраслям и крупная карточка Тюмени с фактами: до 260 тыс. м³/сут, НДТ, пройденная госэкспертиза.

icom.engineering/projects/

03 · Решение

Каталог «Аквастрим», который собирает заявки и трафик

14 позиций с фильтрами по задаче и технологии, модель и назначение в каждой карточке, кнопка «Запросить КП», баннер «Пришлите анализ воды» и SEO-текст после блока «Как заказать».

icom.engineering/catalog/

04 · Решение

Доверие: аргументы, отзывы и допуски

«7 фактов» превратились в аргументы с пояснениями, отзывы подписаны компаниями-заказчиками, сертификаты и выписки СРО открываются в полном размере.

icom.engineering/

05 · Решение

Сквозная B2B-форма и светлый футер

Форма на каждой странице собирает компанию, описание задачи и ТЗ или опросный лист; рядом — прямые контакты. Светлый футер завершает страницу без «мрачного» тёмного блока.

icom.engineering/