Нашей командой дизайнеров был проведён аудит и редизайн всего сайта. Было решено добавить персонализированный контент на главную страницу, обновить навигацию по сайту и сделать разную структуру баннеров, чтобы контент стал как можно разнообразнее и каждый посетитель мог найти для себя что-то подходящее.
Поиск по сайту, фиксированный и находящийся справа от основного контента, был неудобен. Сейчас элементы «Поиск», «Личный кабинет», «Избранное» и «Корзина» находятся в header'е — более привычном для пользователей месте.
Предыдущий дизайн страницы каталога содержал много лишних деталей, например лейблы продуктов, демонстрирующие статусы товаров: «Скидка», «Новое поступление», а также сроки действия акции на товар.
Описание в карточке товара содержало невостребованную информацию, например о дизайнере изделия. Кнопка «Купить» имела низкую кликабельность, а её влияние на конверсию и вовсе отсутствовало.
Теперь фильтры на странице каталога стали заметно компактнее и разместились в более удобном для пользователя месте — сверху, над карточками товаров, а слева от них расположены категории товаров.
Лейблы акций и скидок убрали, чтобы сделать больший акцент на самом товаре. Описание карточки товара стало содержать только самое необходимое для покупателя: название, стоимость и артикул. Кнопку «Купить» убрали — на её месте появились размерный ряд и иконка добавления в «Избранное».
Каталог
Раньше первый просмотр карточки товара прерывался в более чем 15 % случаев. Предыдущая версия карточки, как и страница каталога, была наполнена перегружающей информацией. Сейчас все характеристики товара спрятаны в выпадающий список. Оформление фотографий в виде карусели устарело, необходимо было предложить пользователю альтернативный вариант просмотра товара. В итоге решено сделать миниатюры всех фотографий и усилить акцент на самом товаре.
Карточка товара
Предыдущая версия сайта нуждалась в обновлении. Большое количество модулей изменилось, некоторые модули исчезли вовсе и были заменены новыми. Значительно изменилось ядро Magento и архитектура БД. Необходимо было провести глобальное обновление сайта.
Обновление Magento
Параллельно с обновлением версии Magento было принято решение разделить backend- и frontend-части проекта. Внедрение
PWA на проект дали новые возможности в разработке, все внесения изменений на сайт стали проходить быстрее и безопасней. Улучшилась скорость работы сайта. Была сделана большая работа по SEO-оптимизации сайта и аналитике.
Переход на PWA
«Корзина» была полностью переработана. В её старой версии покупатели могли оформить только один товар в заказе, т. к. раньше имела место сложность с объединением товаров с разных складов. Теперь пользователи имеют возможность приобрести до пяти товаров одним заказом.
Попадая в «Корзину», каждый товар проходит проверку на предмет наличия на складе. Сама «Корзина» при этом стала опираться на логическую цепочку: если товары находятся на разных складах, сразу определяется, какие из них можно положить в одну «Корзину», а какие — нет.
Запуск мультикорзины
Была переработана и упрощена схема резервирования товара для пользователей. Раньше процесс резервирования был сложным, оформление проходило через чекаут. Теперь пользователь может зарезервировать понравившийся ему товар сразу в карточке товара, ему нужно только выбрать размер и магазин, в котором он заберет товар.
Импорт остатков
Раннее информация об остатках поступала файлом раз в сутки, который обновлялся в БД. Мы разработали новый импорт остатков на
микросервисах, которые принимают json от сторонней системы, обрабатывает их и записывает эти данные в базу. Это помогло ускорить процесс обработки импорта остатков, все приходящие данные по изменению остатков попадают в очередь на обработку, что помогает избежать потери информации при непредвиденных обстоятельствах.
Интеграция с BPM-системой
Было решено отказаться от OMS-систем и перейти на
BPM. Теперь после оформления заказа данные отправляются в BPM-систему, которая хранит в себе информацию о пользователях и заказах. После обработки BPM-системы данные отправляются в 1С УТ, где происходит окончательная обработка остатков и присвоение статусов товарам. Далее статусы товаров отображаются в BPM. (хранение данных в одном месте).
Резервирование товара
Редизайн сайта