UVI: реплатформинг интернет-магазина и развитие омниканальной экосистемы

В ходе аудита выяснилось, что задача не ограничивается обновлением визуальной части. Самописная архитектура сайта накопила значительный технический долг, который стал препятствием для дальнейшего развития проекта: новые функции внедрялись медленнее, пользователи сталкивались с неудобствами, а управление контентом требовало участия разработчиков. Вместо точечных улучшений было принято решение начать разработку интернет-магазина на новой e-commerce платформе, которая стала основой цифровых каналов UVI.

Омниканальность начинается с правильной архитектуры

Для пользователя не имеет значения, с какого устройства начинается путь к покупке. Он может выбрать товар на сайте, продолжить оформление заказа в мобильном приложении или вернуться к нему позже — и ожидает одинаково удобный процесс на каждом этапе.

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

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

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

Зачем интернет-магазину нужен реплатформинг

Интернет-магазин UVI был построен на самописном решении с монолитным бэкендом на PHP и фронтендом на Vue.js. Со временем сайт стал менее стабильным в отдельных сценариях, снизилась скорость отклика, а интерфейс перестал соответствовать ожиданиям пользователей.

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

Попытки точечной модернизации не устраняли ключевую проблему — архитектурные ограничения и накопленный технический долг. Каждое новое изменение требовало больше ресурсов на разработку и сопровождение продукта.

Разработка новой e-commerce платформы на Next.js и Payload CMS

В рамках разработки проекта интернет-магазина мы предложили привести существующую headless-архитектуру к более устойчивой модели с четким разделением frontend и backend. Команда клиента развивала бэкенд на микросервисной архитектуре, мы отвечали за разработку headless-фронтенда. Это сделало систему более гибкой, производительной и готовой к масштабированию. Такой подход ускорил создание сайта для интернет-магазина, который можно развивать независимо от внутренних ограничений прежней архитектуры.

Фронтенд реализовали на Next.js. Это ускорило загрузку страниц, повысило комфорт взаимодействия и заложило основу для развития цифровых сервисов.

Для управления нетоварным контентом внедрили Payload CMS. Маркетинговая команда получила возможность самостоятельно создавать и обновлять промостраницы, баннеры и другие разделы без участия разработчиков. Это позволяет быстрее запускать кампании и снижает нагрузку на команду разработки.

Чтобы синхронизировать работу, мы выстроили регулярные процессы взаимодействия с командой клиента: несколько раз в неделю проводили встречи и поддерживали постоянную коммуникацию. Это позволило согласованно развивать продукт и успешно вывести его в релиз.

Редизайн и улучшение пользовательского опыта

Новая архитектура позволила не только повысить производительность, но и заново спроектировать пользовательский опыт. В основу редизайна легли аналитика поведения пользователей, техническое задание клиента и лучшие практики рынка e-commerce.

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

Переработали процесс оформления заказа. Чекаут стал более последовательным и понятным: на первом этапе пользователь сразу видит условия доставки и ее стоимость, а в корзине отображаются все доступные промокоды. Теперь покупателям не нужно возвращаться к поиску скидок — это снижает количество незавершенных заказов.

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

Изменения затронули и личный кабинет: добавили разводящую страницу с ключевой информацией о заказах, бонусах и промокодах, реализовали возможность сохранять адреса доставки. Также на карточках товаров теперь отображаются фотографии из отзывов покупателей — это повышает доверие и помогает в выборе.

Результат запуска единой e-commerce экосистемы

Вместо очередного обновления сайта UVI получили современную e-commerce платформу. Создание интернет-магазина на новой архитектуре позволило одновременно решить несколько задач бизнеса. Сайт стал быстрее и удобнее, а маркетинговая команда получила возможность самостоятельно управлять контентом без участия разработчиков.

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