Как мы ускорили сайт Матрас.ру, автоматизировали процессы и увеличили продажи
Основные задачи
-
Повысить конверсию, управляемость и производительность системы.
-
Унифицировать и модернизировать фронтенд.
-
Улучшить интеграции (1С, видеохостинг) и обеспечить стабильность обмена данными.
-
Провести редизайн ключевых страниц и создать единую дизайн-систему.
-
Автоматизировать ценообразование и отчётность.
-
Внедрить современный функционал для увеличения продаж (онлайн-оплата, виджет активности, улучшенные отзывы, управление акциями).
Решение
Проект был принят с техническим долгом, отсутствием документации, дизайн-макетов и единых подходов к разработке.
Было принято стратегическое решение: поэтапно переносить функциональность в Nuxt-приложение и внедрить SSR-сервис на Node.js для серверного рендеринга Vue-шаблонов и интеграции с существующей PHP-инфраструктурой.
1. Что мы сделали
-
Разработали сервис на Go для определения типа запрашиваемой страницы (товар, статья, категория и др.) по любому URL, включая динамические. Сервис формирует структурированные данные для фронтенда и решил ключевые проблемы SEO и обработки динамических URL.
-
Полностью переписали бэкенд на Go: переписали весь API-слой. Фронтенд перенесён на Nuxt.js — создана единая компонентная база, все страницы магазина переведены на SSR-рендеринг, что обеспечило стабильность, высокую производительность и единообразие верстки.
-
Автоматизировали обновление цен — вместо консольных скриптов реализовали интерфейс в админ-панели для обновления цен по фидам поставщиков (реализовано на Go).
-
Создали интерфейс генерации отчётов — в админке реализовали инструмент формирования кастомных отчётов по продажам с фильтрацией (по менеджерам, датам и др.), заменивший ручные SQL-запросы.
-
Внедрили онлайн-оплату заказов с поддержкой множества платёжных методов и интеграцией с сервисом «Долями».
-
Реализовали гибкое управление акциями — разработали инструмент для настройки промоакций прямо на страницах каталога через админ-панель.
-
Переработали и стабилизировали интеграцию с 1С — обеспечили надёжный обмен данными с бухгалтерией.
-
Подключили CPA-сети для отслеживания и аналитики трафика и продаж.
2. Что еще мы сделали
-
Создали UI-kit и провели редизайн основных страниц.
-
Реализовали функционал раздела «Статьи» с учетом требований SEO (благодаря Resolver). А также произвели полный переезд видео-контента с YouTube на VK Play (VK Видео).
-
Выполнили множественные доработки: установили подарки к товарам, разработали новый логотип, исправили сотни багов и улучшили UX.
-
Улучшили отзывы: прикрепление фото/видео к отзывам, детальная параметрическая оценка (1–5) с влиянием на общий рейтинг, сбор необязательных данных (вес, возраст пользователя), возможность ответа магазина на отзыв.
3. Основные сложности проекта
-
Динамические URL и SEO: унаследованная проблема требовала создания принципиально нового механизма роутинга для корректного определения типа контента (товар, статья, категория) по любому URL, включая динамически меняющиеся параметры.
-
Legacy-код и отсутствие логики: работа с унаследованным PHP-кодом, содержащим не документированную или отсутствующую бизнес-логику, проблемы с сессиями.
-
Масштабная миграция стека: параллельная работа по переносу всего бэкенда на Go и всего фронтенда на Nuxt.js без остановки работы магазина.
-
Отсутствие дизайн-макетов: необходимость создания UI-kit и редизайна страниц «с нуля», без исходных материалов в Figma.
-
Параллельная разработка: одновременное выполнение большого количества разнородных задач (от критических исправлений и интеграций до разработки новых фич и редизайна).
Результат
-
100% фронтенда перенесено на современный стек (Nuxt.js). 90% бэкенда переписано и оптимизировано на Go. Создана централизованная и масштабируемая архитектура (Resolver, Go API).
-
Значительное ускорение генерации страниц (благодаря SSR Nuxt и кэшированию). Оптимизация запросов к БД и снижение нагрузки на серверы. Надежная обработка пиковых нагрузок. Стабильные интеграции (1С, VK Play, платежные системы, CPA).
-
Внедрено 10+ ключевых маркетинговых и операционных фич. Устранены ручные операции (цены, отчеты). Значительно расширены возможности администрирования.
-
Создан UI-kit и проведен редизайн ключевых страниц. Улучшено юзабилити и визуальное восприятие.
Бизнес-эффект:
-
Повышение конверсии за счет внедрения онлайн-оплаты, виджета активности, улучшенных отзывов и редизайна.
-
Снижение операционных издержек: автоматизация обновления цен и отчетов, стабильная интеграция с 1С.
-
Улучшение SEO-потенциала.
-
Рост управляемости: удобная админка для цен, акций, отчетов, отзывов.
-
Масштабируемость платформы: готовность к росту трафика и функционала.
Стек технологий
Backend: Golang, PHP, MySQL, Postgres, Redis, ElasticSearch, Gearman.
Frontend: Nuxt.js, Vue
Лучшее в блогах
Вам понравится
Неделя рекламы
Энциклопедия обмана