AFARI — поставщик спецтехники, коммерческого транспорта и запасных частей с развитой сервисной инфраструктурой. Компания работает на рынке более 16 лет, поставляет технику по России, предлагает лизинг, сервисное обслуживание и ремонт. На сайте представлен большой каталог по десяткам категорий техники — от экскаваторов и автокранов до карьерных самосвалов и бетонного оборудования.
Мы уже работали с AFARI над другими проектами, поэтому при редизайне корпоративного сайта важно было сохранить узнаваемость бренда, но сделать цифровую коммуникацию современнее. Старую подачу требовалось переработать под масштаб компании: показать не только каталог, но и опыт, географию работы, сервис, лизинг, дилерские статусы и реальные преимущества бизнеса. На главной странице ключевым имиджевым элементом стал первый экран со встроенным видео.
Вторая задача — упростить работу с большим объемом информации. Пользователь должен быстро перейти от знакомства с компанией к нужной категории техники, конкретной модели или сервисной услуге. Дополнительно мы реализовали ИИ-агента, который помогает получать ответы по информации со всего сайта без необходимости самостоятельно искать ее в каталоге и разделах.
Начали с анализа существующего проекта, структуры каталога и сценариев выбора спецтехники. В этой нише пользователь редко принимает решение за один визит: сначала изучает характеристики и производителей, сравнивает модели, затем уточняет условия поставки, лизинга и сервиса. Поэтому структуру выстроили вокруг последовательного движения от общего предложения к конкретной технике и обращению к менеджеру.
На главной объединили сразу несколько сценариев: быстрый вход в каталог, переход по категориям техники, знакомство с AFARI, специальные предложения, сервисные услуги и подтверждение надежности через цифры, дилерские статусы и партнеров. На текущем сайте пользователь получает основные аргументы уже на первом уровне: более 3 тысяч контрактов, доставка по России и возможность одобрения лизинга от двух часов.
Интерфейс строили так, чтобы сложный B2B-продукт воспринимался проще. Крупные визуальные блоки чередуются с компактными карточками и понятными точками перехода. ИИ-агент стал дополнительным навигационным слоем: вместо движения по нескольким страницам пользователь может сформулировать вопрос и получить ответ на основе материалов сайта.
Визуальная концепция продолжает характер AFARI: индустриальный, масштабный и технологичный. Основу составили белый и светло-серый фон, темные графитовые поверхности и фирменный оранжево-коричневый акцент. Крупные фотографии техники, контрастная геометрическая типографика, массивные заголовки и прямоугольная модульная сетка создают ощущение тяжелой промышленной техники, но не перегружают интерфейс. Это особенно заметно на главной и странице сервиса, где информационные блоки объединены с крупными фото, карточками преимуществ и горизонтальными подборками.
Главная страница быстро объясняет позиционирование компании и ведет в каталог через категории, предложения и сервис. Каталог структурирует большой ассортимент по типам техники, а внутри категорий используются фильтрация, поиск, сортировка и карточки моделей. Карточка товара концентрирует характеристики, коммерческие действия и сценарии «уточнить стоимость» / «рассчитать лизинг». Видеообзоры и новости работают как экспертный контент: помогают показать технику в работе и поддерживать коммуникацию с аудиторией. О компании раскрывает историю, опыт, дилерские статусы, партнеров и команду, усиливая доверие к крупной покупке. Контакты завершают путь пользователя: здесь собраны адрес, телефон, email, график работы и представительства компании в регионах.
Дизайн получился современным, технологичным и выразительным, подчеркивающим масштаб компании и специфику рынка спецтехники.
Сайт разработан на React и Next.js 16.2.1. Для интерактивных слайдеров используется Swiper, серверная инфраструктура построена на Nginx 1.24.0 и Ubuntu. Также подключены Яндекс.Метрика, Open Graph и Priority Hints. Такой стек позволил собрать быстрый корпоративный сайт с большим каталогом и большим количеством повторно используемых интерфейсных компонентов.
Отдельное внимание уделили адаптивности, производительности и работе с медиаконтентом: на сайте используются крупные изображения техники и видео на первом экране, поэтому важно было сохранить визуальное качество без избыточной нагрузки. Дополнительно интегрировали ИИ-агента, работающего с информационной базой сайта и помогающего пользователям получать ответы по технике, компании и услугам прямо в интерфейсе.
Работу начали с исследования текущего сайта и анализа структуры бизнеса AFARI. Изучили каталог, направления компании, сервисные услуги и основные пользовательские сценарии. После этого сформировали новую архитектуру и прототипы ключевых страниц, определили расположение коммерческих блоков и основные точки конверсии.
На этапе дизайна разработали единую визуальную систему для корпоративной части и каталога: сетку, карточки техники, промоблоки, элементы навигации, формы и адаптивные состояния. Отдельно проработали визуально насыщенные страницы «О компании» и «Сервис», где нужно было совместить большой объем информации, фотографии, историю, преимущества и доказательства компетенций.
После утверждения макетов перешли к разработке на Next.js, подключению контента, каталога, видео и ИИ-агента. Финальный этап включал адаптацию под разные разрешения, функциональное тестирование, проверку пользовательских сценариев и запуск проекта.
Да, работа с нами строится следующим образом: мы подписываем с Вами договор и приложения, которые к нему прилагаются. В приложениях указывается весь фронт предстоящих работ. Далее мы выставляем счет и ожидаем оплату, по завершении проекта подписываем акты о выполненных работах и отправляем его Вам
Работа над проектом длится по-разному, так как на это влияет множество факторов: скорость обратной связи заказчика, объем работ, тип услуги и т.д., поэтому ускорить процесс работы можно только совместными усилиями
Это не имеет значения. Агентства интернет-маркетинга работают по всей стране с любыми регионами. При необходимости, мы можем прилететь в Ваш город и обсудить условия проекта
Конечно! Мы подбираем индивидуальные условия под каждого нашего клиента
Из обязательных затрат будут: оплата домена, сервера, технического обслуживания сайта. Если потребуется продвижение, то затраты на: SEO-продвижение, контекстную рекламу. Все дополнительные вопросы можете уточнить у нашего менеджера по телефону