Корпоративный сайт завода UMECON

Цель

Редизайн как инструмент цифровой трансформации

Чтобы усилить присутствие бренда в интернете и повысить доверие со стороны партнёров и заказчиков, было важно:

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

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

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

Задачи

От запросов бизнеса — к чётким задачам

• обновить визуальный стиль сайта и адаптировать его под текущий бренд-гайд;
• упростить структуру каталога продукции: сократить уровень вложенности с 6 до 2, сделать фильтрацию более удобной и понятной для конечного потребителя;
• повысить логичность навигации и упростить пользовательские сценарии;
• сформировать образ стабильного и технологичного промышленного партнёра;
• сделать сайт универсальным инструментом коммуникации для B2B-заказчиков, тендерных комитетов и новых клиентов;
• подготовить сайт к масштабированию (каталоги, вакансии, новости и др.).

Решение

Полная реконструкция сайта

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

UX/UI-дизайн

Интерфейс построен на логике B2B-коммуникации:

• чёткое позиционирование в первом экране: кто мы и чем занимаемся;
• простая структура: минимум отвлекающих элементов, максимум пользы;
• контрастная типографика и модульная сетка создают ощущение технологичности.

Адаптивность

Адаптировали интерфейс под разные устройства:

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

Особенности проекта

Сайт реализован на 1С-Битрикс и использует кастомную front-end-сборку на Tailwind CSS.

Одним из нетривиальных решений стала интерактивная карта проектов — мы реализовали компонент, который принимает координаты (широту и долготу) из административной панели и автоматически размещает объекты на карте. Это позволило упростить добавление новых реализованных объектов и сделать блок «География проектов» максимально наглядным и живым.

Результат

Получился сайт, который:

• соответствует визуальному ДНК производственной отрасли;
• вызывает доверие у закупщиков и подрядчиков;
• готов к расширению и масштабированию.