Индустриальные системы: редизайн интернет-магазина электротехнической продукции

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

Они являются официальными дистрибьюторами Schneider Electric, а также партнерами Siemens, Sick и других ведущих производителей.

Компания “Индустриальные системы” обратилась к нам с задачей полного редизайна интернет-магазина. Их сайт нуждался не просто в визуальном обновлении, а в стратегической трансформации под современные задачи рынка.

Главные цели:

- Освежить и упростить интерфейс

- Повысить конверсии

- Ясно и наглядно показать масштабы компании и перечень предоставляемых услуг

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

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

Проработали все страницы под реальные потребности клиентов выявленные в ходе анализа метрик и интервью с бизнесом.

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

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

Ориентир на наличие.

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

Интерес к инженерным услугам. 

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

Потребность в сравнении. 

Для закупщиков особенно важна возможность быстро сравнивать модели по техническим характеристикам — это одна из частых задач по ТЗ. Мы зафиксировали эту потребность как приоритетную для дальнейшей проработки интерфейса.

Также мы провели сегментацию пользователей и хотим поделиться одним из примеров:

Пример сегмента: «Срочные решения»

Цель: найти нужное оборудование с гарантией поставки в кратчайшие сроки

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

2. Страхи: задержки, штрафы от заказчика, отсутствие прозрачности по доставке и оплате

3. Решение: весь путь — от поиска до заказа — сделали максимально линейным, без отвлекающих элементов

Этот этап помог нам выстроить фокус и не полагаться только на внутренние гипотезы — а проектировать интерфейс, отталкиваясь от реального пользовательского опыта.

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

Мы собрали единую дизайн-систему

Единый визуальный посыл:

1. Цвета, шрифты, состояния элементов

2. Крупные модули и компоненты, которые легко адаптировать

3. Универсальный визуальный язык для всего сайта, что позволяет компании применять дизайн на новых продуктах

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

Сайт корректно работает на всех устройствах: от широкоформатных мониторов до мобильных экранов, без потери логики и акцентов.

Разделили контент на два направления:

1. Информационные статьи: помогают привлекать целевой органический трафик

2. Анонсы и мероприятия: позволяют оставаться в поле зрения профессионального сообщества и партнеров

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

- Интерфейс понятен, лаконичен и ведёт пользователя к нужному действию

- Новая структура учитывает специфику разных клиентских сегментов — от снабженцев до технических специалистов

- Масштаб, опыт и партнерства компании считываются с главного экрана, повышая уровень доверия

- SEO-основа направлена на прирост трафика и создает потенциал для дальнейшего продвижения