Федеральная сеть «Матрас.ру» столкнулась с необходимостью масштабной трансформации интернет-магазина. Перед агентством Soft Media Group были поставлены амбициозные цели: повысить конверсию платформы, улучшить ее управляемость, кратно ускорить работу сайта и автоматизировать рутинные бизнес-процессы.
Заказчик проекта
Федеральная сеть «Матрас.ру»
Задачи проекта
- Улучшить интеграции с 1С и видеохостингами, обеспечить стабильность обмена данными
- Унифицировать и модернизировать фронтенд (клиентскую часть).
- Провести редизайн ключевых страниц (Главная, Каталог, Карточка товара) и создать единую дизайн-систему
- Автоматизировать ручные процессы: обновление цен, формирование аналитических отчетов
- Внедрить функционал для роста продаж: онлайн-оплату, виджет активности, расширенные отзывы, гибкое управление акциями
Исходные данные и вызовы
Проект с более чем 10-летней историей представлял собой монолитное приложение на PHP (скриптовом языке) с фронтендом на Vue.js (фреймворке). Архитектура перестала удовлетворять темпам роста бизнеса: отсутствовал единый API (программный интерфейс), процессы обновления цен и отчеты формировались вручную, а динамические URL (адреса страниц) создавали сложности для SEO (поисковой оптимизации).
Главной сложностью стала необходимость полной миграции стека технологий без остановки работы действующего магазина и потери поискового трафика.
Решение
В проекте были задействованы инженеры по инфраструктуре, бэкенд- и фронтенд-разработчики. Команда приняла стратегическое решение о поэтапном переносе функциональности с поддержкой двух рабочих контуров. Это позволило бизнесу непрерывно продавать и внедрять новые гипотезы.
1. Архитектура и серверная часть
- Разработан высокопроизводительный сервис на Go (языке программирования), который определяет тип запрашиваемой страницы по любому адресу, включая динамические параметры, и отдает структурированные данные. Это решило корневую проблему с маршрутизацией.
- Состоялась полная миграция серверной части на Go: переписан весь программный интерфейс. Интеграция с 1С была тщательно переработана, что обеспечило надежный и автоматизированный обмен данными для бухгалтерии и склада.
2. Клиентская часть и дизайн
- Все страницы магазина переведены на SSR (серверный рендеринг) с использованием фреймворка Nuxt.js. Создана единая компонентная база, что обеспечило единообразие верстки и поведения интерфейса.
- С нуля, без исходных макетов, разработан UI-kit (набор интерфейсных компонентов) и проведен редизайн главных страниц.
3. Автоматизация и новые бизнес-инструменты
- Управление ценами и отчетами: Функционал обновления цен по фидам поставщиков вынесен в удобную админ-панель. Создан инструмент для генерации кастомных отчетов по продажам с гибкими фильтрами, полностью заменивший ручные запросы к базе данных.
- Оплата и промо: Реализована комплексная система онлайн-оплаты с поддержкой сервиса «Долями». Создан инструмент для гибкого управления промо-акциями непосредственно на страницах каталогов.
- Контент и обратная связь: Произведен трудоемкий переезд видео-контента на VK Видео (ссылки были глубоко интегрированы в тексты карточек). Улучшен модуль отзывов: добавлена возможность прикреплять фото и видео, выставление параметрической оценки, сбор дополнительных данных и ответы магазина.
- Аналитика: Подключены CPA (партнерские сети) для сквозной аналитики трафика и продаж.
Основные сложности, которые удалось преодолеть
- Legacy-код (устаревший код): Работа с не документированной бизнес-логикой и специфическими сессиями.
- Масштабная миграция: Параллельный перенос бэкенда и фронтенда без простоя магазина.
- Отсутствие дизайн-макетов: Необходимость создания UI-kit (набора компонентов) и редизайна «с нуля».
Результаты
- 100% фронтенда перенесено на современный стек Nuxt.js (фреймворк)
- 90% бэкенда переписано и оптимизировано на Go (язык программирования)
- В 3 раза ускорилась генерация и загрузка страниц благодаря SSR (серверному рендерингу) и кэшированию
- В 4 раза выросла скорость релизов за счет перехода на микросервисную архитектуру
- На 90% снизилось количество ошибок при загрузке страниц
- 10+ ключевых маркетинговых и операционных фич внедрено, ручные операции по ценам и отчетам полностью устранены
Бизнес-эффект для «Матрас.ру»
Повышение конверсии за счет внедрения онлайн-оплаты, редизайна и улучшенных отзывов. Снижение операционных издержек благодаря автоматизации и стабильной интеграции с 1С. Значительное улучшение SEO-потенциала и масштабируемости платформы — сайт полностью готов к росту трафика и внедрению нового функционала.
