Редизайн магазина на 1С-Битриксе без смены платформы: страницы стали открываться в 2,5 раза быстрее, а форма звонка, оказывается, не работала с марта

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

Мопедофф продаёт мототехнику, запчасти и экипировку в Петербурге и с доставкой по России. Магазин работает на 1С-Битриксе с готовым решением Aspro Max: около 19 600 товаров в 19 разделах, обмен заказами с 1С, Битрикс24 и телефония. SEO мы ведём давно, и сейчас 65% отслеживаемых запросов в ТОП-10.

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

Обычно редизайн упирается в вопрос «а может, сразу на новый движок?». Здесь ответ был «нет», и вот почему:

Поэтому мы делали всё на отдельной тестовой копии сайта и только штатными средствами Битрикса: шаблоны, свойства товаров, веб-формы, SEO-настройки. Боевой магазин всё это время продавал как обычно, а менеджеры после запуска работают в той же админке.

Главное видно уже на первом экране (картинка выше): светлая шапка с зелёными акцентами стала графитовой, а длинный список разделов слева, который занимал всю высоту экрана, исчез. Место отдали акциям и товарам.

Вместо списка слева — красная кнопка «Каталог» и мега-меню: слева разделы, в центре бренды и подразделы с количеством товаров, справа картинка раздела. Поиск стоит по центру шапки.

Фильтр собран в одну строку плашек: цена, бренд, цвет, назначение, тип топлива. Остальные параметры спрятаны под «Ещё фильтры (16)», поэтому фильтр не занимает пол-экрана.

В каждой карточке списка сразу видно платёж в месяц («Оплата частями от 8 917 ₽/мес») и две кнопки: «В корзину» и «Купить в 1 клик».

Покупатель мототехники почти всегда спрашивает одно и то же: сколько это стоит в месяц, как оплатить и как привезут. Поэтому у цены теперь стоит «Оплата частями от 8 750 ₽/мес» с кнопкой «Узнать условия», ниже — «В корзину» и «Купить в 1 клик», без оформления корзины.

Заодно поменяли заголовок: «Квадроцикл Машинокомплект MXR ATV125 PRO Grey/Yellow AC125 Супер цена!» стал «Квадроцикл MXR ATV125 PRO AC125 Grey/Yellow». Подробнее об этом — ниже, в разделе про тексты.

Вкладки «Оплата», «Доставка» и «Как купить» раньше были сплошным текстом. Теперь каждый способ — отдельная карточка с иконкой: оплата в магазине, рассрочка, кредит онлайн, безнал для юрлиц, QR-код. Длинные юридические тексты свёрнуты под «Подробнее».

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

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

В конце человек оставляет имя и телефон. Заявка приходит в магазин уже с ответами, и менеджер перезванивает, зная, что нужно клиенту. Кому удобнее в мессенджере, тут же есть кнопки ботов магазина в Telegram и MAX.

На картинке три пары экранов «было / стало»: главная, раздел каталога и карточка товара.

Каждую ключевую страницу мы проверили целиком на ширине 375 px: ничего не обрезается и не наезжает.

Самое полезное в редизайне — даже не новый вид. Когда проходишь по каждой странице магазина руками, всплывает то, что годами никто не замечал.

Форма «Заказать звонок» не работала с 11 марта. Сайт искал форму по неверному коду. Посетители нажимали кнопку, и ничего не происходило. Никто не жаловался, потому что жаловаться было некуда.

У 307 товаров была пустая вкладка «Видео»: код вставки был испорчен. Мы его починили, и теперь на фото товара есть заметная кнопка «▶ Видео».

Страница сравнения товаров отдавала 404 из-за настройки веб-сервера.

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

В подвале телефоны были белыми на белом фоне.

До работ сервер отдавал страницы за 1,6–2,5 секунды. Мы нашли две причины:

После исправления те же страницы отдаются за 0,65–0,8 секунды. Сервер и платформу мы не меняли.

На разделе «Квадроциклы MXR» мы проверили новый подход к текстам.

Короткие факты под понятными заголовками удобны покупателю. Кроме того, именно такие фрагменты поисковики и ИИ-ассистенты вроде Нейро в Яндексе берут в свои ответы.

Если у вас магазин на Битриксе и вы думаете о редизайне:

Подробнее о проекте, со всеми экранами «было / стало»: nls-get.ru/portfolio/mopedoff-redesign