Интерфейс и UX
Новый тёмный фирменный стиль с жёлтыми акцентами и цельный путь покупателя.Главная, hero, категории, популярные товары, преимущества, бренды, отзывы, новости, футер и информационные страницы.
Кейс WebArt53 · 2026
Интернет-магазин мототехники
Многоквадрофф53
Комплексный редизайн и техническая модернизация действующего интернет-магазина мототехники на UMI.CMS.
- Стоимость
- 150 000 ₽
- Срок
- 1,5 месяца
- Платформа
- UMI.CMS
- Регион
- Великий Новгород
Задача
Обновить магазин, сохранив его рабочую основу
Многоквадрофф53 — действующий интернет-магазин по продаже и обслуживанию мототехники с большим каталогом на UMI.CMS Demomarket.
Нужно было полностью обновить пользовательскую часть, сохранив CMS, административную панель, товарную базу, фильтрацию, импорт и действующую бизнес-логику. Сайт продолжал работать во время модернизации.
LEGACY / UMI.CMS
Главная сложность
Новый интерфейс внедрялся поверх существующего Demomarket: PHP-шаблонов UMI.CMS, Bootstrap, старых CSS и JavaScript, compiled CSS/JS, каталога и фильтров. Для каждой серьёзной правки сначала находили нужный шаблон, влияющие стили и логику страницы. Изменения изолировали, чтобы сохранить работу магазина.
Реализация
Шесть направлений работы
От интерфейса и каталога до импорта, технического SEO и запуска обновлённого сайта.
Каталог
Пересобрали сценарий выбора техники от категории до конкретной модели.Корневая страница каталога, категории и подкатегории, листинг, адаптивная сетка, карточки, фильтры и диапазон цены, галерея, характеристики и похожие товары.
Мобильная версия
Мобильные сценарии прорабатывались отдельно, а не уменьшались с desktop.Header, hero, каталог, фильтры, карточки, галерея, отзывы, бренды, новости, таблицы, похожие товары и футер.
Каталог и контент
Актуализировали ассортимент, цены, характеристики, фотографии и дерево категорий.Сверяли данные с производителями, в том числе STELS, AVANTIS, Hasky, GR, KAYO, PROGASI, AODES, SEGWAY, Бурлак, IKUDZO и Hidea.
Импорт UMI.CMS
Доработали массовое обновление каталога без изменения ядра CMS.Стандартный импорт отправлял новые характеристики во временную группу. Расширение модуля exchange направляет их в существующую группу свойств товара при CSV/XML импорте.
SEO и запуск
Подготовили техническую основу и перенесли обновлённый интерфейс на рабочий домен.Title, Description, тексты категорий, sitemap.xml, robots.txt, дубли, старые URL, тестовые страницы и индексируемость. Перенос с redesign.mnogokvadroff53.ru на mnogokvadroff53.ru.
Реальный интерфейс
Desktop и mobile
Скриншоты действующего проекта в версиях для компьютера и телефона.
Подход
Этап за этапом, без переписывания сайта с нуля
Анализ legacy-кода → поиск причины → минимальное изолированное изменение → проверка → следующий этап. Так новый интерфейс и технические доработки встроились в существующую UMI.CMS.
Результат
Новый опыт выбора техники на действующей платформе
Магазин получил практически полностью новый пользовательский интерфейс без замены CMS и переноса товарной базы. Модернизированы сценарии от выбора категории до просмотра характеристик модели, каталог, массовый импорт, мобильная версия и техническая SEO-часть. У заказчика остались привычная административная панель и процессы работы с товарами.
Стоимость и условия
Комплексная модернизация магазина
В стоимость вошли UI/UX, frontend, адаптив, каталог, карточки товаров, фильтры, импорт, актуализация каталога, техническое SEO и перенос на основной домен.
- Стоимость проекта
- 150 000 ₽
- Срок
- 1,5 месяца
- Формат
- Редизайн и техническая модернизация существующего интернет-магазина
Стоимость отражает объём работы с legacy-кодом UMI.CMS, товарной базой и фильтрами, мобильными сценариями, импортом каталога и SEO при сохранении работы действующего магазина.
Следующий шаг
Обсудить похожую задачу
Подберём формат модернизации под ваш сайт и бизнес-процессы.