Как мы переосмыслили сайт и UX/UI для «Акрус»

На связи агентство KOTELOV. Сегодня расскажем о редизайне для «Акрус» — одного из крупнейших производителей покрытий для кораблей, промышленности и тяжелой техники.

Заказчик и вызов

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

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

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

Что хотели изменить

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

  • перегруженная шапка,
  • нечитаемые заголовки,
  • спрятанные счетчики,
  • устаревшее меню.

Мелочи, но именно они формируют первое впечатление.

Главная страница

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

Как сделали бы мы:

Изображение предоставлено агентством KOTELOV с сайта kotelov.com
  • три четких раздела вместо «бургера»;
  • акцент на кнопку «Посмотреть продукцию» прямо с первого экрана;
  • порядок в шапке и удобный слайдер;
  • фирменные графические элементы (линии и эллипсы), которые объединяют страницы в общий стиль.

Каталог товаров

Как было: раздел назывался «Подбор покрытия», хотя никакого подбора там не было.

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

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Как сделали бы мы:

  • начали бы с рассказа о компании и преимуществах;
  • выделили 4 категории с понятными описаниями;
  • сделали путь пользователя логичным: сначала доверие, потом выбор.
  • Оранжевый цвет добавил бы акцентов и «собрал» каталог в единую систему.

Раздел «Наши проекты»

Как было: сухие цифры и диаграммы.

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Как сделали бы мы: показали реальные кейсы где применялись покрытия и какие задачи решались. Добавили теги и сделали подачу визуальной и живой.

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Услуги

Как было: список «разбросан» по странице, описания слишком общие, фото не помогают.

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Как сделали бы мы:

  • все услуги помещаются на одном экране;
  • при наведении появляется подсветка и переход к подробностям;
  • четкая структура и быстрая навигация.
Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Партнеры

Как было: растянутая карусель с логотипами разного качества.

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Как сделали бы мы:

  • монохромные лого на чистом фоне;
  • плавная анимация без ручного листания.
Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Блок с CTA

Как было: сухой заголовок, перегруженная форма, футер сплошная «свалка» контактов.

Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Как сделали бы мы:

  • конкретный посыл: «Заполните форму поможем подобрать покрытие»;
  • минималистичная форма без лишнего;
  • аккуратный футер с четкой структурой и фирменной графикой.
Изображение предоставлено агентством KOTELOV с сайта kotelov.com

Итог

Редизайн помог бы «Акрус» не просто обновить внешний вид, а превратить сайт в полноценный инструмент продаж: удобный, современный, вызывающий доверие. Компания с таким сайтом выглядела бы в онлайне так же солидно, как и в реальной жизни.

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