EVM: айдентика и сайт для поставщика газовых турбин

EVM — поставщик газовых турбин и комплектующих для заводов, энергетических компаний и производственных предприятий.

У компании уже был сайт, который использовали как презентацию для заказчиков. При этом EVM работает с продукцией более чем от 100 брендов, и весь ассортимент нужно было связать с товарными категориями. В текущей версии сайта это было реализовано неудобно: структура была запутанной, а каталог не учитывал, как пользователи ищут продукты — по бренду или по категории. Из-за этого было сложно быстро найти нужную позицию. Также у компании не было современной айдентики. Логотип и визуальный стиль выглядели устаревшими и не отражали уровень компании и специфику отрасли.

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

Задачи проекта:

1. Обновить айдентику и сформировать образ компании в индустрии;

2. Создать сайт, который понятен инженерной аудитории;

3. Спроектировать удобный каталог с большим количеством брендов и категорий;

4. Упростить поиск продукции для разных сценариев (по бренду и по типу);

5. Превратить сайт в инструмент продаж и коммуникации.

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

Ключевые решения:

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

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

3. Упростили структуру сайта. Убрали лишние уровни и сделали навигацию прямой и понятной для технической аудитории;

4. Продумали работу с контентом. Адаптировали интерфейс под реальные фотографии со складов и производств, чтобы не подключать дополнительный продакшн;

5. Добавили новостной блок как инструмент продвижения. Он показывает актуальные поставки и одновременно работает на SEO и привлечение трафика.

Мы начали с изучения международных конкурентов и смежных компаний в промышленном секторе. В России прямых аналогов у EVM немного, поэтому больше ориентировались на европейский рынок и общие принципы B2B-продаж в индустрии.

Анализ показал несколько ключевых вещей:

• Сайты в отрасли устаревшие и редко помогают в выборе продукта;

• Каталоги на сайтах не учитывают реальные сценарии поиска;

• Визуальный язык не отражает масштаб и уровень компаний.

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

На основе анализа сформировали требования к новому сайту:

1. Каталог должен учитывать оба сценария поиска: по брендам и по категориям;

2. Нужный продукт можно найти быстро, без обращения к менеджеру;

3. Структура должна быть простой и понятной для технической аудитории;

4. Визуальный стиль должен быть сдержанным, чтобы не мешать работе с реальными фото и техническим контентом;

5. Бренд и сайт должны работать как единая система.

Нам нужно было создать систему, которая будет работать на оборудовании, упаковке, документах и в digital. Поэтому поработали с названием, цветом и типографикой. 

1. Название

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

Ещё раз взглянули на продукцию компании и нашли идеальный ключевой элемент — лопасти газовой турбины. Это узнаваемая часть механизма, которая формирует энергию. На этом построили знак и графику, которая легко масштабируется и читается в любом контексте.

2. Работа с цветом

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

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

3. Типографика

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

Также собрали систему носителей:

• маркировка и упаковка;

• фирменные элементы для продукции;

• деловые носители (визитки, значки);

• одежда для команды.

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

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

Напомним, что EVM работает в сложной B2B-среде и имеет большой ассортимент: более 100 брендов и 10 категорий продукции. При этом один и тот же бренд может относиться сразу к нескольким категориям. Поэтому нам нужно было выстроить систему, в которой пользователь не теряется и быстро находит нужный товар.

Мы начали с пользовательских сценариев. В промышленности поиск товаров происходит по-разному:

• По бренду, если человек знает производителя;

• По категории или типу оборудования;

• По внешнему виду или аналогам.

На основе сценариев спроектировали мультинавигацию, которая объединяет оба сценария. И вот какие решения у нас получились:

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

✔️ Поиск по брендам. Можно перейти от производителя и посмотреть, какие категории и товары он покрывает.

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

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

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

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

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

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

✔️ Выбрали минималистичный индустриальный стиль без декоративных элементов, чтобы акцент был на структуре, типографике и удобстве работы с данными.

Ключевой элемент — первый экран с 3D-моделью газовой турбины. Мы показали её в разрезе, чтобы сразу объяснить, как устроен продукт и где формируется энергия.

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

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

✔️ Собрали UI-kit со всеми компонентами и состояниями;

✔️ Описали анимации и поведение элементов;

✔️ Вынесли контентные блоки и требования к изображениям.

Разработку вели поэтапно: параллельно работали с backend и frontend, регулярно показывали промежуточные версии на тестовом сервере и собирали обратную связь от клиента.

Отдельно подготовили сайт к дальнейшему развитию:

✔️ Учли требования SEO на этапе структуры и дизайна;

✔️ Настроили удобную админку для работы с контентом;

✔️ Провели обучение команды клиента.

Теперь команда EVM может самостоятельно пользоваться WordPress: добавлять новые товары и бренды, публиковать новости и обновления, поддерживать сайт без участия разработчиков. 

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

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

1. Сформировали понятный и узнаваемый образ компании. Айдентика теперь отражает специфику продукта и отрасли. Бренд стал выглядеть современно и последовательно во всех точках контакта — от упаковки до digital.

2. Упростили работу с каталогом. Пользователь может искать продукцию по брендам и категориям без помощи менеджера. Это особенно важно для промышленного сегмента, где сценарии поиска отличаются от классического e-commerce.

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

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

5. Решили проблему с контентом. Интерфейс работает с любыми фотографиями со складов и поставок. 

6. Подготовили платформу для роста. Сайт готов к SEO-продвижению и регулярному обновлению. Новостной раздел уже используется для публикации поставок и привлечения трафика.