Кейс НС Диджитал · Производственная компания «АВЕРС»
REDESIGN B2B КОРПОРАТИВНЫЙ САЙТ КАТАЛОГ UI / UX АДАПТИВ

Редизайн сайта производственной компании «АВЕРС»

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

Новый корпоративный сайт производственной компании АВЕРС
avers21.ru REDESIGN × UX/UI × DEVELOPMENT
О проекте

Сильное производство. Но устаревшая цифровая упаковка.

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

BUSINESS CHALLENGE

Нужно было не просто «освежить дизайн», а пересобрать пользовательский опыт.

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

01 Новая архитектура Понятная структура страниц и разделов
02 Каталог Логичная система категорий продукции
03 UI / UX Современный и аккуратный интерфейс
04 Адаптив Работа на разных устройствах
Before / After

Не рассказывать, что изменилось. Показать.

В этом кейсе особенно хорошо видно, как архитектура, типографика и визуальная иерархия влияют на восприятие компании.

Старый сайт производственной компании АВЕРС
БЫЛО
Новый сайт производственной компании АВЕРС
СТАЛО

Раньше

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

После редизайна

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

Каталог продукции

Большой ассортимент — простая система выбора.

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

Старый каталог товаров компании АВЕРС
СТАРЫЙ КАТАЛОГ
Новый каталог товаров компании АВЕРС
НОВЫЙ КАТАЛОГ
CATALOG UX Не искать в длинном списке. Выбирать по понятным категориям.

Структуру каталога пересобрали вокруг реальных пользовательских задач.

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

Категории подаются визуально, а дальше пользователь переходит к конкретным товарным предложениям.

UI / UX Design

Промышленный B2B не обязан выглядеть устаревшим.

VISUAL SYSTEM

Больше воздуха. Меньше визуального шума.

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

Важно было не превратить производственный сайт в декоративный концепт. Дизайн должен оставаться функциональным, понятным и удобным для работы с большим каталогом.

Обновленный дизайн корпоративного сайта АВЕРС
Старый дизайн сайта АВЕРС
Новый дизайн продукции и преимуществ на сайте АВЕРС
Рабочий интерфейс

Сайт — не презентация макета. Это действующий коммерческий ресурс.

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

Категории навесного оборудования на действующем сайте АВЕРС
01 / CATALOG Категории и товары Путь от направления к конкретной продукции
02 / COMMERCE Корзина и заказ Коммерческий сценарий внутри сайта
03 / USER Избранное и сравнение Дополнительные инструменты выбора продукции
04 / SUPPORT Помощь и обратная связь FAQ, контакты и формы обращения
Live project

Сравнение закончено. Теперь можно открыть результат.

Действующий `avers21.ru` позволяет оценить редизайн не в статичном изображении, а в рабочей системе: главная, каталог, товары, акции, отзывы, FAQ, корзина, избранное, сравнение и формы связи.

Продуктовая архитектура

Сложный ассортимент стал понятнее ещё до открытия карточки товара.

Продукция компании АВЕРС на новом сайте
PRODUCT PRESENTATION

Категории не просто названы. Они визуально объясняют ассортимент.

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

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

Каталог доступен прямо из навигации.

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

Развернутое меню каталога на сайте АВЕРС
Техническая часть

Редизайн — это не только новые цвета и шрифты.

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

01 Обновлённая архитектура Новая структура страниц, разделов и сценариев
02 Современный интерфейс Новая композиция, типографика и визуальная система
03 Адаптивность Корректная работа на компьютерах и мобильных устройствах
04 Производительность Современная и надёжная техническая база
RESPONSIVE WEB Один сайт. Разные размеры экрана. Одинаково понятный UX.

Большой каталог должен оставаться удобным и на смартфоне.

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

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

Поэтому адаптивность рассматривалась не как отдельная «мобильная версия», а как часть единой системы интерфейсов.

Обратная связь

После изучения продукции есть понятный путь к обращению.

Форма обратной связи на новом сайте АВЕРС
LEAD GENERATION

Сайт не заканчивается просмотром каталога.

Пользователь может перейти к заказу, задать вопрос или воспользоваться формой обратной связи.

Для B2B-продукта такой сценарий особенно важен: часто перед покупкой необходимо уточнить совместимость оборудования, условия поставки или технические параметры.

Продолжение сотрудничества

После сайта мы продолжили работу с самим брендом.

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

LOGO / BRAND CONTINUATION

Сайт стал началом более цельного образа компании.

После завершения web-проекта сотрудничество не остановилось. НС Диджитал разработал новый логотип, чтобы цифровой интерфейс и визуальная идентичность компании работали как единая система.

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

SEO-ready структура

Новая архитектура полезна не только пользователю.

У производственного сайта есть большой потенциал для поискового продвижения, если каталог разделён на понятные категории и отдельные товарные страницы.

SEARCH ARCHITECTURE Категория. Товар. Запрос. Понятная структура поиска.

Каталог стал лучшей основой для дальнейшего поискового развития.

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

У товаров есть самостоятельные страницы, а дополнительные разделы «О компании», «Отзывы», «Помощь» и FAQ увеличивают информационную полноту ресурса.

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

01 Категории Отдельные направления оборудования
02 Карточки товаров Самостоятельные продуктовые страницы
03 Внутренняя навигация Связь каталога и контента
04 FAQ Информационные ответы на вопросы клиентов
05 Отзывы Дополнительный контент и доверие
06 Производитель Экспертная информация о компании
07 Коммерческий UX Путь от поиска к товару и заказу
08 Масштабирование Новые товары и категории без перестройки сайта
Результат

Старый сайт не замаскировали. Его переосмыслили.

BEFORE → AFTER Новая архитектура. Новый UX. Новый визуальный образ.

Компания получила современную цифровую площадку для большого ассортимента.

Главная страница быстрее объясняет, что производит компания. Каталог стал значительно понятнее и визуальнее. Навигация помогает быстрее добраться до нужной категории.

Сайт адаптирован к разным устройствам, а техническая база рассчитана на современный web-контент.

Главное — новый сайт лучше соответствует уровню реального производственного бизнеса.

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

FAQ · Кейс АВЕРС

Вопросы о проекте и редизайне B2B-сайтов.

Кто разработал новый сайт компании «АВЕРС»?

Редизайн и разработку корпоративного сайта компании «АВЕРС» выполнила команда НС Диджитал.

Что было не так со старым сайтом?

Главный экран был перегружен, визуальная структура устарела, а каталог был сложнее для навигации.

Что изменилось на главной странице?

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

Перерабатывался ли каталог?

Да. Каталог получил новую структуру с логичными категориями продукции.

Какие категории представлены на сайте?

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

Есть ли на сайте корзина?

Да. На действующем сайте предусмотрена корзина и возможность работы с товарами.

Можно ли сравнивать товары?

На действующем сайте есть раздел сравнения, а также избранное.

Есть ли личный кабинет?

Да. На действующем ресурсе предусмотрен пользовательский кабинет.

Сайт адаптирован под мобильные устройства?

Да. Адаптивность отдельно указана в опубликованном кейсе как один из результатов проекта.

Работали ли с производительностью?

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

НС Диджитал разработал новый логотип АВЕРС?

Да. После разработки сайта сотрудничество продолжилось, и НС Диджитал создал новый логотип компании.

Можно ли заказать редизайн существующего сайта?

Да. Необязательно создавать проект с нуля. Можно провести аудит текущей структуры, UX, дизайна и функциональности и определить, что стоит сохранить, а что переработать.

Можно ли сохранить фирменные цвета при редизайне?

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

Как начать похожий проект?

Можно заполнить бриф НС Диджитал или написать в Telegram, WhatsApp, VK или по e-mail.

Связаться с НС Диджитал

Ваш сайт тоже перестал соответствовать уровню бизнеса?

Не обязательно сразу удалять всё старое. Сначала можно разобрать текущую структуру, каталог, дизайн, SEO и функциональность и определить, что действительно нужно изменить.

НС Диджитал · Case Study

Не обязательно делать новый бизнес. Иногда нужен новый digital.

Аудит · редизайн · UX/UI · корпоративный сайт · каталог · адаптив · брендинг · SEO · CRM · поддержка и развитие