Продай мне турбину: сайт бизнес-класса для поставщика оборудования СИБЭКС

СИБЭКС — компания, которая обслуживает предприятия топливно-энергетического комплекса. С 2004 года она ремонтирует оборудование и делает уникальные запчасти, а в число ее партнеров входят крупнейшие предприятия России.

Сайт СИБЭКСа — это интернет-каталог с большим ассортиментом промышленных деталей. Погрузившись в специфику продаж, мы выяснили, что на рынке b2b сделки долгие, а чеки высокие. И статус компании крайне важен для выбора поставщика.

Мы выделили три глобальные задачи:

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

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

— упаковать все это в выразительный дизайн: разработать визуал с 3D-моделями и анимациями для технологичного имиджа компании.

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

Мы подошли к проекту комплексно: Брендинг + Структура + Дизайн. Все это объединили логикой взаимодействия клиентов и партнеров с сайтом. Клиенты приходят в СИБЭКС за сервисом: он включает в себя высокую экспертизу в отрасли и оборудовании, строгий контроль качества и постоянное внедрение инноваций. Как если вы сели в бизнес-класс, убедились в комфорте и лучшем обслуживании и только после этого начали листать каталог.

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

Шрифт для логотипа отрисовали вручную. Строгие чертежные очертания букв — про инженерную точность и мастерство. А вот плавные скругления и необычная буква «К», задающая направление движения, показывают современность и стремление к высоким технологиям.

Логотип тоже с характером: он сочетает движущиеся лопасти турбин и заглавную «С». В него заложили идею того, как человек управляет природными ресурсами и превращает их в инновации.

Клиенту наше решение понравилось сразу, особенно сочетание первой буквы и турбины. Из нескольких вариантов выбрали более абстрактный — он ярче отличался от конкурентов.

Навели порядок в разделах: убрали лишние, объединили похожие, систематизировали список услуг. Если коротко — теперь не заблудишься.

Главным вызовом был каталог. У СИБЭКС огромный ассортимент: компания может поставить или изготовить практически любую деталь. В борьбе за порядок каталог пересмотрели полностью. Добавили категории, ввели удобную фильтрацию и учли возможное расширение ассортимента.

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

А еще переписали заголовки и тексты, создали последовательный сторителлинг — так их проще воспринимать и легче запомнить.

Главная задача — показать, что СИБЭКС не обычная компания, а эксперт в уникальной отрасли. Поэтому на первом экране посетителя встречает не просто эстетичная картинка, а вращающаяся 3D-модель газовой турбины, которая отражает специализацию компании. Мы собрали ее по реальным чертежам и согласовали с инженерами.

Для страницы «Услуги» сделали кастомные анимации, а для каталога — обложки с 3D-моделями. Движение деталей и вращение шестеренок визуально отсылают к деятельности компании. Это не только выглядит круто, но еще и решает главную проблему клиента — отсутствие качественного визуального контента. Модели, кстати, создавались по реальным фото с помощью тех инженеров, которые согласовывали 3D-модель для главной страницы.

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

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

Сайт собран на HTML, JS, CSS, админка на WordPress — клиент сам может редактировать контент и управлять каталогом. Графика и анимации оптимизированы: сайт грузится быстро и корректно работает на мобильных устройствах.

Самое приятное: дизайн приняли почти без правок. Клиент особенно отметил кастомные 3D-модели, анимации и порядок в каталоге. Это значит, что дизайн попал четко в цель.

Новый сайт и фирменный стиль теперь показывают, чем занимается СИБЭКС и почему с ними хотят работать. Это апгрейд имиджа, который усиливает репутацию компании на рынке и добавляет солидности среди партнеров и клиентов.

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

Навигацию сделали простой и удобной. Сайт структурирован так, что нужные товары и услуги легко найти в 2-3 клика, а главная страница демонстрирует ключевые особенности компании. Систематизация каталога — наша победа в UX-дизайне.

Дизайн отражает экспертность компании и цепляет впечатляющим визуалом. Уникальные 3D-модели для главной и каталога решили проблему отсутствия качественного контента. В анимациях нет ничего лишнего — они подчеркивают важные смысловые блоки и создают необходимые визуальные акценты.