Редизайн и доработка сайта дистрибьютора агротоваров «Агролига»

Редизайн и доработка сайта дистрибьютора агротоваров «Агролига»

Обновили дизайн и техническую часть сайта, настроили сбор лидов
Перенесли весь контент со старого сайта без потерь: позиции в поиске не просели
Заменили самописные компоненты на стандартные: сайт больше не ломается при обновлениях CMS
Интегрировали микроразметку: страницы корректно индексируются и получают расширенные сниппеты в выдаче
Ускорили сайт технологией «Композит»: страницы грузятся мгновенно даже при медленном интернете
Получить персональное предложение и стоимость

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

ГК «Агролига», крупный дистрибьютор семян полевых культур и агрохимикатов, столкнулась с проблемой: старый сайт почти не приводил клиентов. Каталог прятался за первым экраном, меню сливалось с пестрым фоном, а самописные компоненты то и дело давали сбои. Мы провели редизайн сайта на 1С-Битрикс: пересобрали структуру вокруг ассортимента, сделали читабельный адаптивный дизайн, привели в порядок техническую часть и настроили систему сбора лидов.

Ситуация на старте

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

К моменту обращения к нам у клиента уже был сайт на базе CMS 1С-Битрикс, но за время работы он технически и морально устарел и постепенно перестал отвечать растущим потребностям бизнеса.

На старте проекта мы выявили ряд проблем, которые требовали обязательного решения:

  • Технический долг и самописный код. В структуре сайта накопилось множество кастомных (нестандартных) компонентов Битрикса. Именно из-за них регулярно возникали сбои в функционировании, а любые обновления системы были сопряжены с рисками.
  • Устаревший дизайн и низкая адаптивность. Сайт не отражал статус крупного дистрибьютора, а пользоваться им с мобильных устройств было неудобно.
  • Низкая скорость и проблемы с SEO. Отсутствовала грамотная поисковая оптимизация, микроразметка, правильные ЧПУ, а сам сайт не использовал возможности современных технологий ускорения.

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

CMS

Bitrix

Задачи и требования

  • Дизайн и верстка
    Разработать новый уникальный дизайн, адаптировать его под мобильные устройства и браузеры, сверстать и интегрировать с CMS.
  • Техническая часть
    Обновить CMS до последней версии. Заменить самописные (кастомные) компоненты на стандартные решения Битрикса, чтобы устранить баги. Создать новые базовые шаблоны. Настроить сервер на хостинге клиента.
  • Миграция и контент
    Перенести все данные со старого сайта (каталог товаров, новости, услуги, страницы) без потерь и просадок в поисковой выдаче.
  • Оптимизация и скорость
    Провести базовую SEO-оптимизацию (настройка мета-тегов, ЧПУ, карты сайта), внедрить микроразметку и активировать технологию «Композитный сайт» для мгновенной загрузки страниц.

Ключевые решения

1. Разработали новый дизайн и пересобрали главную страницу

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


1. Приоритет у каталога на первом экране

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

На новом сайте ГК «Агролига» мы вынесли на первый экран 4 товарные группы с развернутыми подкатегориями: от кукурузы и подсолнечника до гербицидов и регуляторов роста. Агроном сразу видит широту предложения и доходит до нужного продукта за пару кликов.


2. Читабельное меню

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

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

С первого же экрана понятен обширный ассортимент каталога.
С первого же экрана понятен обширный ассортимент каталога.


3. Цифры вместо эпитетов

Ранее о компании рассказывали абстрактные тезисы: «широкий ассортимент», «новейшие технологии», «комплексный подход». При обновлении мы собрали блок «Почему мы?» из конкретных фактов о бизнесе клиента: цифры убеждают лучше прилагательных.


4. Живые новости и лид-форма

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

Теперь новости превратились в живую ленту событий: дни поля, выставки, новинки портфеля. А в хедере и футере главной страницы появились формы связи с клиентом — «Обратный звонок». 


5. Добавили блок «Нам доверяют» с перечнем клиентов

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

Мы вывели на главную слайдер с логотипами клиентов — известных игроков аграрного рынка. Знакомые имена убеждают быстрее любых прилагательных: новый посетитель сразу видит, кто уже работает с компанией.

Блок со статьями в СМИ теперь вошел в раздел новостей.
Блок со статьями в СМИ теперь вошел в раздел новостей.

2. Пересобрали каталог товаров

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

Мы полностью обновили структуру и визуал страницы, избавившись от визуального шума. Слева разместили аккуратное меню-аккордеон с категориями и подкатегориями, в основной области — фильтр по производителю и понятная сетка названий: агроном видит все продукты сразу и доходит до нужного за один клик.

Дерево каталога теперь всегда сбоку: переход между разделами за секунду.
Дерево каталога теперь всегда сбоку: переход между разделами за секунду.

3. Обновили карточку товара

До редизайна карточка выглядела как колонка мелких абзацев, а ссылка на прайс-лист «Рекомендованная цена» терялась в тексте. Это снижало кликабельность — а значит, и число заявок.

Мы разбили карточку на визуально выделенные блоки: описание, фасовка, регион регистрации и т.п. Агроном просматривает карточку за секунды и сразу видит главное. Вместо потерянной ссылки — заметная кнопка «Скачать прайс-лист», а для возврата в каталог — понятная кнопка «Вернуться к списку».

Раньше цену искали в тексте, а теперь это заметная кнопка.
Раньше цену искали в тексте, а теперь это заметная кнопка.

4. Настроили сбор лидов

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

Мы выстроили систему лид-магнитов, которая встречает пользователя на каждом шаге: кнопка «Скачать каталог» на главной и в шапке, отдельный пункт «Прайс-лист» в меню и кнопка «Скачать прайс-лист» в карточке товара. Каждое скачивание проходит через короткую форму с контактами — так каждый, кто интересуется ценами или ассортиментом, автоматически становится лидом для отдела продаж. Плюс форма заказа обратного звонка — для тех, кто готов пообщаться с менеджеров напрямую.

5. Обновили CMS и избавились от самописного кода

Сайт долго работал на устаревшей версии 1С-Битрикс, и за годы на нем накопилось множество кастомных компонентов. Они периодически вызывали сбои и превращали каждое обновление в лотерею. Для технического оздоровления сайта мы провели следующие работы:

  • Обновили CMS до последней версии. Закрыли уязвимости старой версии и заложили фундамент для стабильной работы сайта и будущих доработок.
  • Заменили кастомные компоненты на стандартные решения Битрикса. Провели аудит самописного кода и перевели функционал на нативные компоненты платформы. Баги ушли, а любые будущие обновления теперь проходят без риска «сломать» сайт.
  • Создали новые базовые компоненты и шаблоны. Собрали гибкую систему шаблонов для типовых страниц и внесли необходимые модификации. Контент-менеджерам стало проще наполнять сайт, а новые разделы создаются без привлечения разработчиков.
  • Настроили сервер на хостинге клиента. Привели серверное окружение в соответствие с требованиями новой версии CMS, чтобы сайт работал стабильно и предсказуемо.

6. Перенесли контент без потерь и просадок в выдаче

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

  • Перенесли и адаптировали весь контент: товары, услуги, новости и страницы переехали в новую структуру и аккуратно легли в новый дизайн — без потерянных карточек и «битых» разделов.
  • Сохранили позиции в поиске: настроили 301-редиректы со всех старых адресов на соответствующие страницы нового сайта. Пользователи и поисковики не попадают на битые ссылки, а страницы сохраняют свой вес в выдаче.

7. Провели SEO-оптимизацию и ускорили сайт

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

  • Настроили базовое SEO: прописали мета-теги и ЧПУ (на старом сайте с человеко-понятными URL было не все гладко), сгенерировали sitemap.xml и robots.txt. Теперь поисковики быстро и корректно индексируют все разделы сайта.
  • Интегрировали микроразметку: благодаря разметке Schema.org поисковые системы лучше понимают контент страниц, а товары и новости получают расширенные сниппеты в выдаче.
  • Для ускорения загрузки страниц включили технологию «Композитный сайт». Битрикс кеширует статичные блоки страниц и отдает их мгновенно. Сайт «летает» даже при медленном мобильном интернете. Это важно и для поведенческих факторов, и для ранжирования.

8. Сверстали сайт, обеспечили адаптивность и кроссбраузерность

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

Посетителю удобно работать с сайтом со смартфона: легко найти нужный товар среди сотен наименований.
Посетителю удобно работать с сайтом со смартфона: легко найти нужный товар среди сотен наименований.

Результаты

  • Новый дизайн и UX: сайт стал визуально привлекательным и удобным. Заметный каталог на первом экране, читабельное меню, блок доверия с цифрами и логотипами клиентов, живая лента новостей и форма заявки прямо на главной.
  • Техническая стабильность: мы избавились от самописного кода и перевели функционал на стандартные компоненты Битрикса. Сайт больше не ломается от обновлений, а новые разделы создаются без привлечения разработчиков.
  • Скорость и производительность: благодаря технологии «Композитный сайт» страницы загружаются мгновенно даже при медленном мобильном интернете — важно для агрономов, работающих «в полях».
  • Адаптивность: сайт корректно отображается на любых устройствах — от десктопов до смартфонов, и одинаково удобен в офисе и на выезде.
  • Сохраненный SEO-вес: весь контент перенесен без потерь, настроены 301-редиректы, поисковая выдача не просела, а микроразметка и базовое SEO заложили фундамент для дальнейшего продвижения.

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

Частые вопросы о редизайне сайтов на 1С-Битрикс

1. Сколько стоит редизайн сайта на Битрикс?

Точная цена зависит от объема работ: количества уникальных страниц и шаблонов, состояния кода (есть ли самописные компоненты), объема контента для переноса и нужных интеграций. Редизайн небольшого корпоративного сайта и редизайн сайта с большим каталогом и техническим долгом — это разные бюджеты. Поэтому адекватную смету можно составить только после аудита: любые цифры «с потолка» без него расходятся с реальностью.

2. Сколько времени занимает редизайн сайта?

В среднем косметическое обновление занимает 2–4 недели, редизайн корпоративного сайта — 2–4 месяца. Срок зависит от количества страниц, объема переносимого контента и скорости согласований дизайна и макетов. Самые долгие этапы — дизайн, верстка и миграция контента.

3. Как сделать редизайн сайта без потери позиций в поиске?

Если это только визуальный редизайн (меняются блоки, шрифты, расположение элементов), то адреса страниц остаются прежними, и просадки в поиске быть не должно. Главное при этом — сохранить весь текстовый контент, мета-теги (Title, Description) и внутреннюю перелинковку.

Но на практике вместе с редизайном часто меняется и логика сайта (например, объединяются или дробятся разделы каталога). В этом случае адреса страниц неизбежно меняются. Чтобы сохранить накопленный SEO-вес, на этапе переноса контента нужно обязательно настроить 301-редиректы со всех старых URL на соответствующие новые страницы.

4. Когда сайту хватит доработки, а когда нужен полный редизайн?

Доработки достаточно, если структура и дизайн в целом устраивают, но есть точечные проблемы: медленная загрузка, сбои, устаревшие разделы. Редизайн нужен, когда сайт устарел визуально и структурно: дизайн не соответствует уровню компании, навигация неудобная, сайт не генерирует заявки. На практике оба подхода часто объединяют: редизайн визуальной части плюс техническая доработка CMS.

5. Когда можно обойтись редизайном, а когда нужна полная разработка сайта с нуля?

Редизайна достаточно, когда «фундамент» сайта здоров: CMS обновляемая, код поддерживаемый, а структура в целом соответствует бизнесу. В этом случае хватает обновить дизайн, пересобрать отдельные разделы и ускорить сайт — так чаще всего и происходит с проектами на 1С-Битрикс.

Разработка с нуля нужна, когда фундамент безнадежен: движок устарел и не обновляется, код настолько запутан самописными решениями, что доработка стоит дороже переписывания, или структура принципиально не подходит бизнесу (например, сайт не тянет каталог, интеграции или нагрузку). Простой ориентир: если по итогам аудита пересборка старого сайта стоит сопоставимо с новым — выгоднее делать с нуля.

Остались вопросы?
Закажите бесплатную консультацию

Используя наш сайт вы даете согласие на обработку файлов cookie. Если вы не согласны на обработку ваших данных, покиньте сайт.