Разработка интернет-магазина фешн-бренда Emka

• Разработать на CMF Битрикс быстрый, современный, адаптивный интернет-магазин в фешн-стилистике.
• Добиться высоких значений PageSpeed для обеспечения широких возможностей реализации стратегии продвижения бренда через интернет.
• Для исключения переиндексации сайта сохранить структуру каталога продукции. В виде исходной использовать базу данных старого ресурса.
• Внедрить в новом ресурсе обмен данных с корпоративной ERP-системой на основе существующей логики с необходимыми расширениями.

• Структура проекта кардинально не менялась, тем не менее, потребовалось проектирование переделки БД.
• Предыдущая версия интернет-магазина торговой марки Emka был разработан на принципиально отличной от Битрикса платформе и нам стала очевидной необходимость её пересборки. Для этого были написаны соответствующие скрипты с помощью которых БД была пересобрана.
• Была развёрнута среда разработки WLD Bitrix DevOps, предназначенная специально для таких проектов.
• Для реализации интеграции был задокументирован обмен данных с ERP-системой.

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

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

В зависимости от разрешения (размера) устройства, на котором загружается интернет-магазин как навигационные интерфейсы, так и внешний вид главного меню меняется. Некоторые интерфейсы, которые выводятся по разным сторонам экрана в десктопной версии, в адаптиве оказываются на одной.

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

Из полей характеристик товара были выбраны несколько ключевых (цвет, размер и силуэт) по которым была реализована фильтрация. Отдельно была разработана уникальная логика фильтрации по характеристике цвет с учётом близких по цветам моделей схожего типа. Сортировка реализовывалась возможностями Битрикса с некоторыми доработками.

Механики сортировки и фильтрации протестированы вместе с получением данных из ERP-системы заказчика.

Несмотря на специфичность платформы Битрикс и объём каталога проекта исчисляемого десятками тысяч записей, мы добились почти полного покрытия релиза тестами. На практике это означает, что сдавая этап работ заказчику мы знаем, что во всем сайте текущей версии нет битых иллюстраций, пустых ссылок, сбоев при оформлении заказа разнообразной продукции.

Таким образом мы гарантируем нашим заказчикам качество предоставляемых проектов.

• Команда: дизайнер (2), бэкенд-разработчик, фронтенд-разработчик, тестировщик, системный разработчик, менеджер.
• Среда разработки: WLD Bitrix DevOps, управление проектом: Jira, среда документации: Confluence, инкрементальное хранилище кода: Gitlab, отчёты тестирования: Allure, мониторинг: Grafana.
• Работа с мультимедией: ПО для программной конвертации и тонкой настройки WebP.