10 / Редизайн / E-commerceМототехника / Санкт-Петербург

МОПЕДОФФРЕДИЗАЙН

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

Реальный интерфейс / Кейс 10

Главная страница магазина Мопедофф в новом дизайне

Мобильная версия магазина Мопедофф в новом дизайне

О проектеЗадача и структура

НОВЫЙ ВИД.ТА ЖЕПЛАТФОРМА.

Мопедофф — магазин мототехники, запчастей и экипировки в Санкт-Петербурге с доставкой по России. Задача — полный редизайн в фирменных цветах (графит, белый, красный) без смены платформы и без потери данных.

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

Платформа: 1С-Битрикс / Аспро: Максимум
Каталог: ≈19 600 товаров, 19 разделов
Скорость: Ответ сервера в 2,5 раза быстрее
Запуск: Без простоя и потери данных

Было / СталоТе же страницы до и после

БЫЛО→ СТАЛО

Потяните ползунок: слева текущий сайт, справа новый дизайн на тех же страницах.

ИнтерфейсРеальные экраны проекта

ПРОДАЁТСАМ

Каталог открывается одним нажатием, фильтр помещается в одну строку, а ответы на вопросы «сколько в месяц, как оплатить, как доставят» — прямо в карточке товара.

Мега-меню каталога: разделы, бренды и картинка раздела

Раздел каталога с компактным фильтром и оплатой частями

Консультант «Подбор техники» в боковой панели

Вкладка характеристик товара в виде таблицы

Вкладка «Оплата» с карточками способов оплаты

Вкладка «Доставка» с условиями по регионам

Раздел каталога на телефоне — Раздел каталога

Карточка товара на телефоне с закреплённой кнопкой «В корзину» — Карточка товара

Консультант «Подбор техники» на телефоне — Консультант

СистемаЧто получает пользователь

ЧТОИЗМЕНИЛИ

Не только внешний вид: переработали сценарии покупки, тексты, скорость и исправили скрытые ошибки.

Шапка и каталог

Графитовая шапка, большая кнопка «Каталог» и мега-меню: слева разделы, справа подразделы и картинка. Главный экран отдан товарам и акциям.

Оплата частями

Ежемесячный платёж виден в списке и в карточке, заявка менеджеру — в одно касание. Рядом «Купить в 1 клик» без оформления корзины.

Карточка товара

Вкладки «Характеристики», «Оплата», «Доставка» — карточки с иконками вместо сплошного текста. Починили вкладку «Видео» у 307 товаров.

Подбор техники

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

Мобильная версия

Нижняя панель навигации, закреплённая кнопка «В корзину» в карточке. Каждая ключевая страница проверена на ширине 375 px.

Помощь и контакты

Оплата, доставка, гарантия и кредит — шаги и карточки. Контакты — карточки магазинов, 113 пунктов выдачи свёрнуты под кнопку.

SEO и ИИ-поиск

Понятные H1 без рекламных приписок, описания по вопросам покупателей, характеристики сверены с производителем. Такой формат берут в ответы поисковики и ИИ-ассистенты.

Скрытые ошибки

С марта не работала форма «Заказать звонок», сравнение отдавало 404, незакрытые теги ломали вёрстку, телефоны в подвале были белыми на белом.

ПодтверждениеРеальные данные проекта

В 2,5 РАЗАБЫСТРЕЕ

Сервер отдавал страницы за 1,6–2,5 с. Нашли две причины: запрос иконок телефонов без индекса перебирал 60 000 записей таблицы файлов на каждой странице, а в шапке собиралось скрытое старое меню на 175 КБ.

≤0,8 сответ сервера вместо 1,6–2,5 с

×2,5быстрее без смены сервера

307товаров с работающим видео

≈1 200товаров с таблицей характеристик

Время ответа сервера замерено на одних и тех же страницах до и после работ: было 1,6–2,5 с, стало 0,65–0,8 с.

РезультатМопедофф: редизайн

СОВРЕМЕННЫЙ.УДОБНЫЙ.БЫСТРЫЙ.

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