Connective PLM

С развитием бренда пересобрали сайт с 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» и фирменными зелёными дугами на тёмно-синем фоне.