Комплексный редизайн интернет-магазина премиального fashion-бренда

  • Веб-разработка
  • E-commerce
  • Fashion
Комплексный редизайн интернет-магазина премиального fashion-бренда

О бренде

Marc O’Polo — международный бренд premium casual, основанный в Стокгольме в 1967 году. Бренд сочетает современный дизайн, натуральные материалы и высокое качество исполнения.

30 стран

география присутствия

60 лет

развития бренда

Задачи

Progressive Media поддерживает и развивает интернет-магазин Marc O’Polo с 2023 года. При обновлении сайта бренд обратился к команде сопровождения.

Обновление визуальной подачи


Развитие представления товаров


Улучшение ключевых сценариев покупки

Знание проекта позволило команде оценить не только интерфейс, но и техническую часть сайта. В дополнение к задачам редизайна предложили оптимизировать производительность и провести рефакторинг backend-части.

Комплексный редизайн интернет-магазина премиального fashion-бренда, блок 4, фото 1

Редизайн

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

Особенности проекта

Каталог и выбор товаров

Готовые образы

Корзина и оформление заказа

Бронирование в магазине

Комплексный редизайн интернет-магазина премиального fashion-бренда, блок 7, фото 1
Комплексный редизайн интернет-магазина премиального fashion-бренда, блок 8, фото 1
Комплексный редизайн интернет-магазина премиального fashion-бренда, блок 9, фото 1
Комплексный редизайн интернет-магазина премиального fashion-бренда, блок 10, фото 1

Оптимизация
производительности

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

Сначала команда проанализировала производительность и определила наиболее ресурсоемкие участки системы. Затем:

Backend — оптимизировали обработку данных, сократили обращения к базе данных, добавили кеширование и вынесли ресурсоемкие операции из процесса загрузки страниц.


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


Frontend — разделили общий JavaScript на модули и перевели изображения в WebP, сократив объем загружаемых данных.

Рефакторинг и развитие
архитектуры

Параллельно с обновлением интерфейса команда Progressive Media провела рефакторинг backend-части, чтобы упростить поддержку и дальнейшее развитие проекта.

После технического аудита переработали архитектуру, разделив бизнес-логику, работу с данными и интеграционные сервисы. Ключевые модули перевели на D7 ORM 1С-Битрикс и привели к единым принципам.

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

Результат

В результате редизайна интернет-магазин Marc O’Polo получил обновленный интерфейс в единой визуальной концепции бренда. Этот подход также использовали при обновлении мобильного приложения, что позволило унифицировать развитие цифровых каналов.

Основные результаты:

  • Улучшены ключевые сценарии — от изучения коллекций и выбора товаров до формирования образа и оформления заказа.
  • Архитектура backend унифицирована, бизнес-логика разделена по функциональным слоям.
  • Ключевые модули переведены на D7 ORM 1С-Битрикс.
  • Централизована работа с внешними интеграциями и обработчиками событий.
  • Удалены устаревший код и неиспользуемые зависимости, что упростило дальнейшую поддержку и развитие проекта.
Комплексный редизайн интернет-магазина премиального fashion-бренда, блок 14, фото 1