«Пять лет с PLM-интегратором: от ребрендинга Ideal PLM и сайта на Tilda до облачной платформы, «ПЛМ Академии» и нового сайта на Next.js и Strapi.»
Connective PLM (ООО «Коннектив ПЛМ») — петербургский интегратор инженерного ПО для машиностроения: внедряет CAD-, CAM-, CAE- и PLM-системы, разрабатывает ЧПУ-постпроцессоры и симуляцию кинематики станков, оперативное планирование производства (Preactor / Opcenter APS) и обучает инженеров работе в этих системах. В 2019 году клиент пересобрался из «Ideal PLM» в «Connective PLM»: фирменный стиль и логотип сделало брендинговое агентство Brandhub, а мы собрали на этом бренде сайт на Tilda как точку отсчёта. С тех пор мы ведём и развиваем проект больше пяти лет: продуктовые и вебинарные лендинги, облачную платформу Connective Cloud, «ПЛМ Академию» с онлайн-оплатой курсов, блог и CRM-связку, а в 2023–2024 пересобрали сайт заново на Next.js и Strapi с управляемым из админки контентом. Это один из самых длинных проектов студии — ниже его история по годам.
Продукт клиента — это постпроцессоры ЧПУ, симуляция кинематики станков, турбомашины, инженерный анализ и оперативное планирование производства. Клиент попросил не выводить на первый план имя вендора и старого бренда — «раскрываем возможности оборудования» вместо лобовых формулировок. Мы переупаковывали тяжёлый инженерный текст в понятные блоки: «как это работает», цифровая модель реального станка, экономика решений в цифрах — и держали технический бэкграунд фактическим контекстом, а не витриной.
На одной площадке должны были ужиться очень разные посетители: технологи ЧПУ-цехов, инженеры-проектировщики, планировщики производства и слушатели курсов. Мы развели их по сценариям — продуктовые страницы решений, облачный лендинг Connective Cloud, «ПЛМ Академия» с каталогом курсов и онлайн-оплатой, блог-лонгриды и клуб PLM. Каждый поток заявок и подписок мы маршрутизировали в CRM и уведомления, чтобы менеджеры видели, откуда и с какой страницы пришёл лид.
Собрали раздел «Обучение» на новом стеке: каталог с переключателем «курсы с преподавателем / для самостоятельного прохождения», типовую страницу курса и форму записи. Курсы с преподавателем — NX CAD, NX CAM, Teamcenter, Solid Edge, Tecnomatix, Simcenter, ZW3D CAD и CAM — получили полноценные страницы; самостоятельные вели на GetCourse, а затем тоже обзавелись страницами. Заявки уходят в Telegram и Битрикс24 с указанием конкретного курса, поля карточек редактируются из админки с приоритетом-rank, добавили маску телефона и самостоятельное редактирование SEO-тегов через Strapi.
Раздел «Обучение» на новом сайте Connective PLM: герой-баннер на тёмно-синем фоне, зелёная карточка «Курсы с преподавателем» и карточка «Курсы для самостоятельного прохождения», левый список разделов NX CAD/CAM, Teamcenter, карточки курсов с ценой и полн…
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Страница курса «Основы работы в NX CAD для конструкторов» на сайте Connective PLM: герой-баннер с описанием, ценой 27 500 ₽ и зелёной кнопкой «Записаться».
Каталог курсов Connective PLM: сетка карточек курсов по NX (основы NX CAD, поверхности свободной формы, реверсивный инжиниринг, оформление чертежей) и левый список программных продуктов Teamcenter, NX CAD/CAM, ZW3D, Solid Edge.
С развитием бренда пересобрали сайт с Tilda на собственный стек — фронтенд на Next.js, Strapi в роли админки, развёрнутый на VDS клиента. Дизайн-систему и страницы собрали в Figma, спроектировали структуру данных, главную с инфографикой и тикером решений, «О компании» со статистикой, «Программные решения», «Наши проекты» с фильтром по отраслям и технологиям (CAD / CAM / CAE / PLM / MES / APS / ERP), «Новости» лентой и отдельные страницы кейсов. В декабре 2023 перевели домен connective-plm.com на новый сайт, а старую Tilda оставили на connective-plm.ru.
Блок «О компании» нового сайта Connective PLM: заголовок на фоне технологичной графики и четыре карточки с ключевыми цифрами — 300+ клиентов, 15 лет на рынке, 20+ проектов, 500+ обученных инженеров.
Страница программного решения SPPL на сайте Connective PLM: герой-баннер «SPPL — система управления закупками и обеспечения производства» с описанием и логотипом SPPL на тёмном фоне.
Страница проекта DMG на сайте Connective PLM: герой-баннер с логотипом DMG MORI, блок «Результат» о разработке постпроцессоров для CAM-систем и полный футер с контактами компании.
Настроили публикацию так, чтобы правки в Strapi пересобирали фронтенд: команда клиента добавляет курсы, новости и проекты сама, без участия разработчиков. Русифицировали поля админки, добавили rank-приоритизацию для сотрудников, курсов и проектов, записали видеоинструкцию в Loom. Кэширование и автоочистку сервера донастраивали по ходу, чтобы контент обновлялся за минуты, а не часы.
Карточка курса в админ-панели Strapi: поля «Изображение», «Цена», «Типы курса», «Разделы курса» со статусами «Published» — контент сайта редактируется в CMS с автообновлением на страницах.
Под каждый поток заявок написали собственную интеграцию: стандартного коннектора не хватало, поэтому формы уходили в CRM через свой обработчик — с дедупликацией по телефону, подстановкой имени, компании и должности и всеми данными в примечании сделки. Сначала это был Pipedrive, на новом сайте — Битрикс24 и Telegram-бот уведомлений. Настроили триггерные письма после регистрации на вебинар, подключили живой чат Re: plain и связали заявки со сквозной аналитикой, чтобы видеть источник каждого обращения.
Собрали лендинг облачной платформы Connective Cloud — «PLM как услуга, запуск за 10 дней», с расчётом конфигурации, отраслевыми сценариями и регистрацией на вебинары по таймеру. Сделали двуязычную (RU + EN) страницу по разработке постпроцессоров и симуляции кинематики станков с блоком «как это работает» и кейсами по станкам. Под запуск рисовали баннеры для соцсетей и вели рекламные кампании с понятной экономикой решений.
Лендинг Connective Cloud: герой-блок «Начните работу за 10 дней!» с описанием облачного решения для инженерии, формой ввода телефона и кнопкой «Попробовать».
Блок «Для кого?» лендинга Connective Cloud: сетка из шести отраслевых карточек — машиностроение, электроника, электрика и щитовое оборудование, металлы, инжиниринг, дизайн и проектирование упаковки.
Перенесли курсы в каталог-«товары» Tilda, чтобы у каждого была своя страница и попап-запись, подключили онлайн-оплату через CloudPayments и автогенерацию счетов для юр- и физлиц от лица «ПЛМ Академии». Для доступа к материалам собрали личный кабинет на edu.connective.one — уроки за логином, файлы для скачивания отдельно. Каталог закрывал и очные, и онлайн-курсы по NX CAD, NX CAM, Solid Edge и Teamcenter.
Каталог «ПЛМ Академии» (Connective School): заголовок «Online-курсы. Проведи время с пользой!» и три карточки курсов по NX CAD и PADS с ценами, датами и кнопками «Подробнее» и «Записаться».
Окно онлайн-оплаты курса «Корзина» на сайте Connective School: поля ввода данных банковской карты, кнопка «Оплатить 88 000 руб.» и логотипы Visa, Mastercard, МИР и CloudPayments.
Наполняли сайт продуктовыми страницами специализированных решений — турбомашины, электродвигатели, управление вариативной продукцией, организация работы цеха ЧПУ, оперативное планирование производства. Вели блог-лонгриды с историями клиентов и инженерными разборами, постранично настраивали OG-сниппеты и кнопки шеринга. Поддерживали раздел мероприятий с календарём и анонсами вебинаров и клуб PLM для участников встреч.
Страница «Специализированные решения» на сайте Connective: навигация с логотипом и пять карточек решений — проектирование турбомашин, электродвигателей, управление вариативной продукцией, производство с ЧПУ, планирование процессов.
Статья блога Connective «PADS Professional» от 17.12.2019: обложка с подписью «Технологии · Решения для проектирования · PADS» и анонс «коробочного» решения для разработки электроники.
Проект начался в сентябре 2019 с переименования: «Ideal PLM» стал «Connective PLM». Фирменный стиль и логотип — словесный знак с дугой-скобкой — сделало агентство Brandhub, а мы собрали на нём новый сайт на Tilda Business. Спроектировали структуру и навигацию через Miro, перенесли контент со старого ideal-plm.ru, подготовили карту 301-редиректов на сотню страниц и завели контакты, реквизиты и аналитику. Так Tilda-сайт стал точкой отсчёта, от которой проект рос следующие пять лет.
Брендовый локап Connective PLM после ребрендинга: белый словесный знак «connective» с зелёной приставкой «PLM» и фирменными зелёными дугами на тёмно-синем фоне.