Корпоративный сайт НеваЛаб: лабораторные комплексы для атомных станций и заводов

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

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

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

НеваЛаб обратились к Bauns за обновлением сайта, чтобы закрыть следующие цели:

1. Объяснить продукт доступным языком для представителей промышленных заказчиков, чтобы к ним обращались за комплексными решениями, а не за отдельными позициями;

2. Сделать сайт удобным инструментом для работы менеджеров с клиентами;

3. Дать команде возможность самостоятельно управлять контентом и развивать сайт.

Мы подошли к проекту как к продуктовой задаче и полностью пересобрали сайт. Важно было решить три ключевые задачи:

1. Показать лабораторные комплексы как конечный продукт, а не набор оборудования;

2. Дать возможность быстро оценить опыт компании в нужной отрасли;

3. Упростить доступ к информации, которая влияет на принятие решения: проекты, лицензии и экспертизу.

Ключевые решения на проекте:

1. Пересобрали логику сайта. Упростили сложную структуру и выстроили её вокруг решений и отраслей;

2. Переосмыслили подачу проектов и собрали систему кейсов с фильтрацией по отраслям и задачам. Это помогает быстро ответить на главный вопрос клиента: есть ли у компании опыт в моей сфере;

3. Продумали работу с ограничениями NDA. Показали проекты и экспертизу без раскрытия чувствительной информации — через структуру, описание задач и решений. Это дало возможность показать полный масштаб реализованных проектов;

4. Сделали акцент на продукте. Добавили визуализацию лабораторных комплексов, чтобы с первого экрана было понятно: речь идёт о полноценных решениях;

5. Спроектировали навигацию для промышленной аудитории. Добавили умный поиск, который работает не только по страницам, но и по документам и спецификациям;

6. Подготовили сайт к работе команды. Реализовали проект на Bitrix с удобной админкой, чтобы менеджеры могли обновлять контент и использовать сайт в работе с заказчиками.

Подобных компаний на рынке оказалось немного, но НеваЛаб всё равно собрали 10 конкурентов из отрасли и прислали нам для изучения.

Мы смотрели на разные подходы к презентации лабораторных решений и выявили несколько закономерностей:

— большинство компаний продаёт отдельное оборудование или расходные материалы;

— проекты либо не показываются, либо представлены только фрагменты;

— сайты не дают понимания масштаба компании и географии проектов;

— почти никто не показывает лабораторный комплекс как конечный продукт.

Так мы зафиксировали ключевое отличие НеваЛаб от конкурентов: компания проектирует лаборатории под ключ — от процессов и логики работы до оборудования и реализации.

Параллельно разобрали поведение целевой аудитории. Основные пользователи сайта — инженеры и специалисты промышленных предприятий, для которых важно видеть опыт в их отрасли, подтверждённую экспертизу и лицензии.

На основе анализа мы определили, какие сценарии должен закрывать сайт: быстрый поиск релевантного опыта, проверка компетенций и понимание продукта.

В результате сформировали принципы, которые легли в основу структуры, UX и дизайна:

✔️ показывать лабораторный комплекс как продукт, а не набор оборудования;

✔️ демонстрировать масштаб через проекты, географию и отрасли;

✔️ объяснять экспертизу через кейсы, лицензии и структуру решений;

✔️ использовать визуализацию и AI, чтобы компенсировать ограничения контента и ускорить производство.

После аналитики мы пересобрали структуру сайта и сразу заложили в неё пользовательские сценарии. Особое внимание уделили работе с информацией, которая влияет на принятие решения у инженерной аудитории. Ниже расскажем про каждый чуть более подробно.

1. Отказались от формата каталога оборудования. Вместо этого в центре структуры оказались решения и отрасли — как основной способ навигации и выбора.

2. Добавили новый формат раздела проектов. Собрали его в виде карты с географией реализованных объектов и фильтрацией по отраслям. Это позволяет быстро оценить масштаб работы компании и найти релевантный опыт.

3. Продумали структуру страниц с учётом сложного контента. Сначала клиент получает общее понимание решения, затем может углубиться в детали: задачи, процессы, результаты и подтверждение экспертизы. 

Параллельно спроектировали ключевые UX-решения, которые помогают работать с большим объёмом информации. Например:

4. Добавили умный поиск, который работает не только по страницам, но и по документам, лицензиям и материалам. Это важно для промышленной аудитории: клиенту нужно быстро проверить, есть ли у компании опыт и допуски для его отрасли.

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

В промышленной сфере есть особое отношение к разработке сайта. Он должен выглядеть надёжно, структурно и понятно, при этом не перегружать пользователя контентом. Поэтому на этапе дизайн-концепции мы уделили особое внимание структуре и UX-сценариям. 

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

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

В итоге визуально поддержали все ключевые UX-решения:

✔️ Умный поиск стал заметной частью интерфейса и встроен в основные сценарии.

✔️ Фильтры и выбор отраслей получили приоритет в структуре экранов.

✔️ Страницы решений и проектов выстроены так, чтобы пользователь двигался от общего к деталям.

Одной из ключевых сложностей проекта было отсутствие визуального контента: фотографий и видео лабораторий или команды. У НеваЛаб было много проектов под NDA, поэтому некоторые объекты и детали нельзя было показывать открыто. 

Мы нашли альтернативные способы визуализации продукта:

✔️ Использовали 3D и AI, чтобы показать лабораторный комплекс как продукт.

✔️ Добавили карту проектов, которая даёт понимание масштаба и географии работы компании.

✔️ Продумали карточки решений: пользователь может быстро просмотреть галерею и ключевую информацию прямо в общем списке, не проваливаясь в отдельную страницу, и сразу связаться с компанией.

Для разработки выбрали Bitrix из-за удобной админки, возможности назначать роли в команде и простой работы с контентом. Также учли задачу масштабирования — компания часто работает с другими странами, поэтому добавили возможность смены языка и подготовили структуру под расширение. 

Сайт используют менеджеры в работе с заказчиками, поэтому мы заложили логику, при которой:

— можно быстро обновлять проекты и добавлять новые кейсы;

— редактировать тексты и страницы без разработчиков;

— управлять доступами и зонами ответственности внутри команды.

В результате мы разработали корпоративный сайт, который отражает масштаб и уровень экспертизы НеваЛаб и помогает менеджерам работать с клиентами, а сотрудникам — поддерживать и развивать контент.

Ключевые результаты проекта:

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

2. Показали масштаб проектов в условиях NDA без раскрытия чувствительных данных через структуру кейсов, описание задач и карту проектов с географией реализованных объектов.

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

4. Превратили сайт в инструмент работы менеджеров. Теперь команда использует сайт как презентацию в работе с клиентами: быстро подбирает кейсы, показывает решения и подтверждает экспертизу.

5. Дали команде контроль над сайтом. Реализация на Bitrix позволила управлять контентом без разработчиков: добавлять проекты, обновлять информацию и поддерживать сайт в актуальном состоянии.