AFARI — поставщик спецтехники, коммерческого транспорта и запасных частей с собственным сервисным направлением. Компания работает на рынке с 2008 года, развивает дилерское направление XCMG и поставляет технику клиентам по всей России. На сайте AFARI также представлены сервисное обслуживание и отдельное направление лизинга.
Перед нами стояла задача создать не просто корпоративный сайт, а полноценную digital-платформу для сложного B2B-продукта. Пользователь должен быстро найти нужный тип техники, сравнить модели по характеристикам, разобраться в условиях приобретения и перейти к консультации с менеджером. При этом сайт должен был одинаково хорошо работать для клиента, который уже знает конкретную модель, и для пользователя, который только выбирает технику под свою задачу.
Вторая задача — показать масштаб и надежность AFARI. Поэтому продуктовую часть дополнили информацией о компании, дилерском статусе, сервисном центре, лизинге, представительствах и партнерах.
Проект начали с исследования рынка спецтехники и сценариев B2B-покупателей. В этой нише решение редко принимается импульсивно: клиент сравнивает категории, производителей, технические характеристики, наличие, сервис и варианты финансирования. Поэтому в основу структуры положили не презентацию компании, а удобную работу с большим каталогом.
Каталог разделили на категории и подкатегории техники. Внутри предусмотрели поиск, сортировку и фильтрацию по типу машины, бренду и техническим параметрам. Например, в разделе кранов пользователь может выбрать конкретный тип крана, производителя и диапазон грузоподъемности, после чего перейти к подходящим моделям.
Пользовательский путь построили вокруг последовательности задача → категория → модель → характеристики → консультация → покупка или лизинг. Дополнительные сценарии — сервис, специальные предложения и финансирование — интегрировали в общую архитектуру, чтобы сайт работал не только как каталог, но и как инструмент продаж всей экосистемы AFARI.
Визуальный стиль построили на индустриальной эстетике: крупная рубленая типографика, строгая модульная сетка, большие фотографии техники и контрастное сочетание белого, графитового и фирменного оранжевого. Оранжевый используется точечно — в CTA, активных состояниях, цифрах и навигационных акцентах. За счет этого интерфейс выглядит технологично и серьезно, но остается визуально динамичным. Карточки, скругленные панели и крупные информационные блоки помогают структурировать большой объем технических данных, а фотографии техники остаются главным визуальным объектом страницы.
Главная быстро раскрывает масштаб компании, категории техники, популярные модели, акции, сервис, дилерские преимущества и географию присутствия. Каталог работает как профессиональный инструмент выбора: категории, подкатегории, фильтры, поиск и сортировка сокращают путь к нужной машине. Карточка техники концентрирует технические характеристики и ведет к консультации вместо классической e-commerce-покупки — для дорогостоящего B2B-продукта это основной конверсионный сценарий. Видеообзоры и визуальные материалы поддерживают продуктовую презентацию и помогают показать технику в реальной эксплуатации; новости объединяют корпоративный контент и отгрузки клиентам. О компании раскрывает историю с 2008 года, команду, партнерства и дилерские статусы, усиливая доверие к поставщику. Контакты связывают digital-сценарий с региональной сетью и дают пользователю прямой выход на нужное представительство.
Дизайн получился современным, индустриальным и технологичным, передающим масштаб компании, специфику рынка спецтехники и ощущение надежного профессионального поставщика.
Frontend сайта разработали на Next.js, а административную часть построили на WordPress. Такая архитектура позволила совместить современный пользовательский интерфейс с удобной системой управления большим объемом контента. Через административную панель можно поддерживать каталог техники, характеристики моделей, новости, сервисные материалы и другие разделы без постоянного вмешательства разработчиков.
Особое внимание уделили каталогу и связанным с ним шаблонам: большое количество категорий и моделей необходимо было привести к единой структуре и сохранить удобную навигацию на разных разрешениях. Отдельным функциональным модулем стала страница лизинга с преимуществами, этапами оформления, перечнем документов, FAQ и интерактивным калькулятором платежа. Интерфейс адаптировали под desktop, планшеты и смартфоны, сохранив доступность фильтров, характеристик и конверсионных действий на всех устройствах.
На этапе исследования разобрали продуктовую матрицу AFARI, категории спецтехники, направления бизнеса и сценарии покупателей. Изучили конкурентные сайты и определили главное требование к будущему продукту: пользователь должен ориентироваться в большом ассортименте так же быстро, как в привычном интернет-магазине, несмотря на сложность B2B-продукта.
На этапе прототипирования сформировали архитектуру каталога, фильтрацию, карточки техники и структуру ключевых корпоративных страниц. Затем разработали дизайн-систему и перенесли ее на главную, каталог, сервис, лизинг, страницу компании, новости и контакты. Сервисное направление выделили в полноценный раздел: гарантийное и постгарантийное обслуживание, виды ремонта, преимущества, команда, сертификаты и галерея работ.
После утверждения дизайна проект собрали на Next.js и связали с WordPress. Финальный этап включал тестирование каталога, фильтров, форм, калькулятора лизинга, адаптивных состояний и основных пользовательских маршрутов. Сайт был запущен в августе 2026 года.
На этапе исследования разобрали продуктовую матрицу AFARI, категории спецтехники, направления бизнеса и сценарии покупателей. Изучили конкурентные сайты и определили главное требование к будущему продукту: пользователь должен ориентироваться в большом ассортименте так же быстро, как в привычном интернет-магазине, несмотря на сложность B2B-продукта.
На этапе прототипирования сформировали архитектуру каталога, фильтрацию, карточки техники и структуру ключевых корпоративных страниц. Затем разработали дизайн-систему и перенесли ее на главную, каталог, сервис, лизинг, страницу компании, новости и контакты. Сервисное направление выделили в полноценный раздел: гарантийное и постгарантийное обслуживание, виды ремонта, преимущества, команда, сертификаты и галерея работ.
После утверждения дизайна проект собрали на Next.js и связали с WordPress. Финальный этап включал тестирование каталога, фильтров, форм, калькулятора лизинга, адаптивных состояний и основных пользовательских маршрутов. Сайт был запущен в августе 2026 года.
AFARI получила современный сайт, который объединяет в одной системе продажу техники, сервис, лизинг и корпоративную коммуникацию. Большой ассортимент перестал восприниматься как сложный перечень моделей: категории, подкатегории, характеристики и фильтры формируют понятную структуру и помогают быстрее перейти от задачи клиента к конкретной технике.
Отдельные разделы сервиса и лизинга усилили коммерческий потенциал сайта. Пользователь может не только выбрать машину, но и сразу изучить варианты финансирования или понять возможности дальнейшего обслуживания. Сервисный центр AFARI работает с гарантийным и постгарантийным обслуживанием, а лизинговый раздел подробно раскрывает процесс сделки и условия финансирования.
В результате получился масштабируемый digital-продукт для крупного B2B-бизнеса: строгий визуально, удобный в работе с большим каталогом и ориентированный на главное коммерческое действие — перевод заинтересованного пользователя в предметный диалог с менеджером.
Да, работа с нами строится следующим образом: мы подписываем с Вами договор и приложения, которые к нему прилагаются. В приложениях указывается весь фронт предстоящих работ. Далее мы выставляем счет и ожидаем оплату, по завершении проекта подписываем акты о выполненных работах и отправляем его Вам
Работа над проектом длится по-разному, так как на это влияет множество факторов: скорость обратной связи заказчика, объем работ, тип услуги и т.д., поэтому ускорить процесс работы можно только совместными усилиями
Это не имеет значения. Агентства интернет-маркетинга работают по всей стране с любыми регионами. При необходимости, мы можем прилететь в Ваш город и обсудить условия проекта
Конечно! Мы подбираем индивидуальные условия под каждого нашего клиента
Из обязательных затрат будут: оплата домена, сервера, технического обслуживания сайта. Если потребуется продвижение, то затраты на: SEO-продвижение, контекстную рекламу. Все дополнительные вопросы можете уточнить у нашего менеджера по телефону