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