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

1. Вводная задача от заказчика, проблематика, цели

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

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

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

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

• Освежить и упростить интерфейс
• Повысить конверсии
• Ясно и наглядно показать масштабы компании и перечень предоставляемых услуг

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Провели исследования

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

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

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

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

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

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

• Пример сегмента «Срочные решения»
• Цель найти нужное оборудование с гарантией поставки в кратчайшие сроки
• Поведение прямой поиск, фильтрация по наличию, быстрая проверка цены, оформление без лишних шагов
• Страхи задержки, штрафы от заказчика, отсутствие прозрачности по доставке и оплате
• Решение весь путь — от поиска до заказа — сделали максимально линейным, без отвлекающих элементов

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

Продумали структуру

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

Обновили UI Kit

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

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

• Цвета, шрифты, состояния элементов
• Крупные модули и компоненты, которые легко адаптировать
• Универсальный визуальный язык для всего сайта, что позволяет компании применять дизайн на новых продуктах

Создали продающие страницы

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

Разработали адаптивные версии

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

Заложили SEO-фундамент

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

• Информационные статьи помогают привлекать целевой органический трафик
• Анонсы и мероприятия позволяют оставаться в поле зрения профессионального сообщества и партнеров

3. Результаты сотрудничества

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

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