Как завод Купол усилил HR-бренд и пережил санкции: кейс Nutnet о перезапуске сайта на российском ПО

Диджитал продакшн Nutnet взялся за задачу. Мы изучили аудиторию завода и предложили создать новый сайт с ориентацией на HR-функции, сайты гражданских направления и всё это с повышенными требованиями к безопасности. Далее — разбор проекта с деталями и результатами.

Задачи: почему «Куполу» понадобился новый сайт

1. Устаревший дизайн и запутанная навигация

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

Ключевой запрос заказчика: обновить сайт так, чтобы он отвечал современным трендам (mobile-first, удобная структура, актуальный и адаптивный дизайн), усиливал HR-бренд (предприятие активно ищет кадры), транслировал позитивный имидж в СМИ и среди партнёров.

2. Усиление HR-бренда

Заводу требовалось привлекать новых специалистов, но устаревший сайт не решал эту задачу. Большинство пользователей приходили в раздел вакансий, а он не содержал список открытых вакансий по специальностям. В условиях кадрового дефицита это стало серьёзной проблемой.

3. Развитие гражданского сектора

К 2025 году, согласно задачам, поставленным российским ОПК, доля гражданской продукции должна достигать 30%, а к 2030 — 50%. «Купол» уже выпускает оборудование для АЭС, климаттехнику и ряд других изделий, поэтому потребовались отдельные сайты для продвижения этих направлений и увеличения продаж. Главный запрос здесь — возможность получать запросы от рынка напрямую в гражданские отделы продаж и работать быстрее.

4. Требования к безопасности и импортозамещению

В 2022 году вступил в силу Указ Президента РФ № 166, запрещающий использование иностранного ПО на критической инфраструктуре. Старый сайт работал на CentOS, которая попала в запрещенный список. Заводу нужно было срочно перейти на российские платформы и полностью устранить внешние зависимости.

Этапы работы по перезапуску сайта для «Купола»

Клиент пришел с готовыми решениями по структуре основного сайта и прототипами от предыдущего исполнителя. Мы провели аудит UX/UI-дизайна и информационной архитектуры. В ходе анализа стало ясно, что проектировать на основе старых решений невозможно: на сайте отсутствовали важные страницы отделов завода. На этапе аналитики мы зафиксировали, что более 80% трафика на сайте — соискатели, которые активно рассматривают работу на «Куполе».

После этого сформировали новую информационную архитектуру, которая учитывает интересы всех стейкхолдеров. Вот как проходила работа:

1. Работа со стейкхолдерами

Ранее завод пытался создать новый сайт с другим подрядчиком, но процесс затянулся. Исполнители не брали на себя ответственность, руководители не участвовали в детализации постановки задач, а итоговый результат было сложно оценить. Макеты переделывались множество раз, но заказчик так и не получал понятного рабочего решения.

Чтобы исправить эту ситуацию, команда Nutnet подключила редакторов. Они провели интервью с ключевыми специалистами завода, быстро переработали полученные материалы, структурировали контент и создали понятные тексты для всех разделов. Особое внимание уделили тональности: язык стал простым и доступным для каждой группы пользователей:

1. Соискателям — подробно рассказали о вакансиях, условиях работы, бонусах и перспективах развития.
2. Пресс-центру — подготовили удобные форматы публикаций, обновили систему тегов и навигацию по новостям.
3. Клиентам гражданской продукции — адаптировали тексты под B2B-аудиторию, упростили описания товаров и сделали понятные CTA-кнопки.

Редакторы также переработали внутренние сообщения на сайте — статусы, уведомления и подтверждения. Теперь они логичны и единообразны по стилю.

Команда пресс-центра завода оказалась ключевым звеном, помогала находить архивные фотографии, проверять тексты и согласовывать материалы.

В результате редакторская работа не просто дополнила сайт контентом, а помогла наладить внутреннюю коммуникацию на заводе и ускорила запуск проекта.

2. Проектирование новой архитектуры сайта

Разработали новую информационную архитектуру, ориентированную на сценарии использования и целевые действия.

Основные изменения:

1. Для соискателей — создали раздел «Карьера» с отдельными страницами для опытных специалистов, студентов и школьников. Теперь вакансии, условия работы и бонусы доступны сразу.

1. Для пресс-центра — внедрили систему тегов и рубрикации, чтобы публикации легко находились и обновлялись без участия программистов.
2. Для клиентов гражданской продукции — разработали отдельные сайты для каждого направления (подробнее об этом дальше).
3. Для партнеров и подрядчиков — структурировали тендерные документы, технические требования и контактные данные.

Теперь все ключевые действия выполняются за 2–3 клика, а сайт стал не просто витриной, а рабочим инструментом для бизнеса.

3. Дизайн, адаптированный под mobile-first

Nutnet сразу внедрила концепцию mobile-first, поскольку большая часть пользователей заходит с мобильных устройств.

Какие изменения сделали:

1. Навигация стала интуитивной → убрали сложные вложенные меню, добавили короткие пути к важным разделам.
2. Оптимизирована работа на смартфонах → сайт корректно отображается на мобильных устройствах и не требует увеличения экрана для чтения.
3. Переработана визуальная часть → новый стиль подчёркивает технологичность и статус «Купола». Дизайн теперь соответствует брендбуку завода.

Результат: процент отказов снизился, взаимодействие с сайтом стало удобнее.

4. Запуск сайтов для гражданской продукции

Параллельно с редизайном основного сайта команда Nutnet разработала три специализированных ресурса. Вместе с директорами направлений сформировали информационную архитектуру, адаптировали типовые решения и доработали их под бизнес-задачи завода.

Все эти сайты работают на платформе AСПРО, которая адаптирована для российских компаний. Там клиенты могут быстро изучить продукцию и оформить запрос, а завод — оперативно обрабатывать обращения. Это ускорило процесс взаимодействия и помогло увеличить число коммерческих заявок.

5. Полный переход на российское ПО

Проект вышел на финишную прямую, когда в силу вступил Указ Президента РФ № 166. В нём запретили иностранное ПО на критической инфраструктуре, даже open-source решения. Это означало, что CentOS больше нельзя использовать.

Nutnet перевела сайт на Astra Linux — российскую операционную систему.

Что нужно было сделать:

1. Пересобрать систему на Astra Linux.
2. Отключить все внешние запросы в 1С-Битрикс и AСПРО.
3. Переписать фронтенд и бэкенд, чтобы они соответствовали новым требованиям.

Теперь сайт полностью соответствует требованиям безопасности и не использует запрещённые технологии.

Разделение фронтенда и бэкенда: зачем это сделали

Старый сайт был завязан на 1С-Битрикс, из-за чего управление контентом было сложным. Чтобы упростить работу редакторов и ускорить сайт, внедрили подход Headless CMS. Теперь фронтенд и бэкенд работают отдельно, а данные передаются через API.

Что изменили:

1. Фронтенд вынесли на Vue.js с SSR-рендерингом. Это ускорило загрузку страниц, потому что контент теперь рендерится на сервере, а не загружается частями. Поисковые системы видят полностью сформированные страницы, что улучшает SEO.
2. Бэкенд оставили на 1С-Битрикс, но отключили все внешние запросы. Это убрало зависимость от сторонних сервисов и снизило риски, связанные с безопасностью.

Что это дало:

1. Редакторы контента (HR и пресс-центр) работают в удобном визуальном редакторе. Добавлять новости, вакансии и другие материалы можно без программистов.
2. Сайт стал быстрее и стабильнее. Он не перегружен лишними запросами, страницы загружаются без задержек.
3. Фронтенд и бэкенд можно развивать независимо. Если нужно обновить дизайн или добавить новый функционал, это не требует пересборки всего проекта.

Теперь сайт не зависит от ограничений CMS и решает задачи бизнеса без компромиссов.

Передача сайта заказчику

На финальном этапе проект прошёл отдельную проверку безопасности. Сайт не мог передаваться через интернет, поэтому его записали на флешку и передали службе безопасности завода. Все внешние сервисы отключили, чтобы исключить любые риски.

Результаты: перезапуск сайта, который изменил работу завода

Сайт «Купола» превратился из устаревшего корпоративного портала в инструмент, решающий бизнес-задачи:

✔ Привлекает сотрудников. Раздел «Карьера» даёт полную информацию о работе и льготах. HR-отдел фиксирует рост откликов.

✔ Упрощает продажи. Клиенты гражданской продукции оставляют заявки без сложных шагов.

✔ Соответствует нормам безопасности. Сайт адаптирован под требования критической инфраструктуры: переведён на Astra Linux, внешние запросы отключены, а передача итогового образа осуществлялась офлайн.

✔ Облегчает работу пресс-центра. Новости загружаются через визуальный редактор без помощи программистов.

Что можно вынести из опыта «Купола» для других проектов

Вот несколько основных инсайтов из этого кейса, которые вы можете применить в своих проектах:

1. Начинайте с детального аудита и работы над контентом. Если старый подрядчик передал прототипы или «черновик» архитектуры, всегда проверяйте, насколько они актуальны. Составьте карту заинтересованных сторон (HR, безопасность, маркетинг, производство) и уточните потребности каждой.
2. Закладывайте гибкость в бюджет и сроки. В крупных государственных и корпоративных проектах требования могут меняться. Внезапные указы или смена регламентов — обычное дело. Готовьте резерв времени и ресурсов, чтобы быстро реагировать и не «застрять» в бюрократии.
3. Разделяйте frontend и backend. Использование подхода Headless CMS и SSR-рендеринга позволяет масштабировать дизайн и взаимодействовать с контентом намного удобнее. Фронтенд-команда сосредотачивается на UX/UI и скорости, а бэкенд обеспечивает безопасную передачу данных и логику.
4. Инвестируйте в копирайтинг и пресс-центр. Когда речь идет об укреплении HR-бренда или наполнении страниц, важен tone of voice и актуальный контент. Интервью со специалистами, разработка сниппетов, визуальные примеры — всё это повышает доверие и мотивирует посещать сайт чаще.
5. Составляйте документацию и обучайте заказчика. В сложных проектах передача готового решения «под ключ» — не конец, а лишь этап. Важно оставить инструкции, обучающие материалы, чтобы команда заказчика могла самостоятельно сопровождать и улучшать сайт.

Что в итоге

Проект для «Купола» — пример того, как грамотный редизайн и переосмысление UX могут преобразить крупный промышленный холдинг. При этом гибкое взаимодействие со множеством стейкхолдеров, вовремя подключенный копирайтинг и учёт специфических нормативов (от импортозамещения до корпоративной безопасности) становятся не препятствием, а стимулом для внедрения современных решений.

Если вы хотите укрепить HR-бренд, выйти на новые рынки или просто освежить имидж старейшей компании, стоит начинать с проработки структуры сайта и потребностей ключевых целевых аудиторий. Именно этот подход помог студии разработки Nutnet в срок и в нужном формате запустить обновлённую платформу для «Купола».