Матрас.ру

1. Вводная задача от заказчика, проблематика, цели

• Повысить конверсию, управляемость и производительность системы

• Унифицировать и модернизировать фронтенд

• Улучшить интеграции (1С, видеохостинг) и обеспечить стабильность обмена данными

• Провести редизайн ключевых страниц и создать единую дизайн-систему.

• Автоматизировать ценообразование и отчётность.

• Внедрить современный функционал для увеличения продаж (онлайн-оплата, виджет активности, улучшенные отзывы, управление акциями)

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

Было принято стратегическое решение: поэтапно переносить функциональность в Nuxt-приложение и внедрить SSR-сервис на Node.js для серверного рендеринга Vue-шаблонов и интеграции с существующей PHP-инфраструктурой.

Что мы сделали:

• Разработали сервис на Go для определения типа запрашиваемой страницы (товар, статья, категория и др.) по любому URL, включая динамические. Сервис формирует структурированные данные для фронтенда и решил ключевые проблемы SEO и обработки динамических URL

• Полностью переписали бэкенд на Go: переписали весь API-слой. Фронтенд перенесён на Nuxt.js — создана единая компонентная база, все страницы магазина переведены на SSR-рендеринг, что обеспечило стабильность, высокую производительность и единообразие верстки

• Автоматизировали обновление цен — вместо консольных скриптов реализовали интерфейс в админ-панели для обновления цен по фидам поставщиков (реализовано на Go)

• Создали интерфейс генерации отчётов — в админке реализовали инструмент формирования кастомных отчётов по продажам с фильтрацией (по менеджерам, датам и др.), заменивший ручные SQL-запросы

• Внедрили онлайн-оплату заказов с поддержкой множества платёжных методов и интеграцией с сервисом «Долями»

• Реализовали гибкое управление акциями — разработали инструмент для настройки промоакций прямо на страницах каталога через админ-панель

• Переработали и стабилизировали интеграцию с 1С — обеспечили надёжный обмен данными с бухгалтерией

• Подключили CPA-сети для отслеживания и аналитики трафика и продаж

Что еще мы сделали:

• Создали UI-kit и провели редизайн основных страниц

• Реализовали функционал раздела "Статьи" с учетом требований SEO (благодаря Resolver). А также произвели полный переезд видео-контента с YouTube на VK Play (VK Видео)

• Выполнили множественные доработки: установили подарки к товарам, разработали новый логотип, исправили сотни багов и улучшили UX

• Улучшили отзывы: прикрепление фото/видео к отзывам, детальная параметрическая оценка (1-5) с влиянием на общий рейтинг, сбор необязательных данных (вес, возраст пользователя), возможность ответа магазина на отзыв

Основные сложности проекта:

• Динамические URL и SEO: унаследованная проблема требовала создания принципиально нового механизма роутинга для корректного определения типа контента (товар, статья, категория) по любому URL, включая динамически меняющиеся параметры

• Legacy-код и отсутствие логики: работа с унаследованным PHP-кодом, содержащим не документированную или отсутствующую бизнес-логику, проблемы с сессиями

• Масштабная миграция стека: параллельная работа по переносу всего бэкенда на Go и всего фронтенда на Nuxt.js без остановки работы магазина

• Отсутствие дизайн-макетов: необходимость создания UI-kit и редизайна страниц "с нуля", без исходных материалов в Figma

• Параллельная разработка: одновременное выполнение большого количества разнородных задач (от критических исправлений и интеграций до разработки новых фич и редизайна)

3. Результаты сотрудничества

• 100% фронтенда перенесено на современный стек (Nuxt.js). 90% бэкенда переписано и оптимизировано на Go. Создана централизованная и масштабируемая архитектура (Resolver, Go API)

• Значительное ускорение генерации страниц (благодаря SSR Nuxt и кэшированию). Оптимизация запросов к БД и снижение нагрузки на серверы. Надежная обработка пиковых нагрузок. Стабильные интеграции (1С, VK Play, платежные системы, CPA)

• Внедрено 10+ ключевых маркетинговых и операционных фич. Устранены ручные операции (цены, отчеты). Значительно расширены возможности администрирования

• Создан UI-kit и проведен редизайн ключевых страниц. Улучшено юзабилити и визуальное восприятие

Бизнес-эффект:

• Повышение конверсии за счет внедрения онлайн-оплаты, виджета активности, улучшенных отзывов и редизайна

• Снижение операционных издержек: автоматизация обновления цен и отчетов, стабильная интеграция с 1С

• Улучшение SEO-потенциала

• Рост управляемости: удобная админка для цен, акций, отчетов, отзывов

• Масштабируемость платформы: готовность к росту трафика и функционала