Разработка и поддержка корпоративного веб-портала и интернет-магазина футбольного клуба

Описание

Проект для топового футбольного клуба России. Современная экосистема, объединяющая в себе: web-сайт со встроенным онлайн-магазином, билетной системой и общим кабинетом пользователя. Отдельно есть версия для адаптива (планшет, телефон); административная панель для создания различных мероприятий и наполнения контента сайта с настроенной ролевой безопасностью; iOS/Android мобильное приложение для более удобного использования экосистемы на мобильных устройствах.

Клиент поставил задачу провести масштабный редизайн интернет-магазина, существенно улучшить показатели SEO и производительности сайта, а также внедрить систему промо-акций. Дополнительно требовалось провести глобальный рефакторинг кодовой базы и обеспечить стабильную поддержку проекта.

Стек: Next.js 12, React, TypeScript, Redux, Styled-components, REST API, i18n

Решение

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

Для улучшения SEO внедрил микроразметку Schema.org, подключил счетчики Яндекс.Метрика и Яндекс.Вебмастер. Оптимизировал загрузку изображений через сжатие, использование WebP и lazy loading, а также перенес часть критичных методов на серверную сторону Next.js для ускорения первой отрисовки страницы.

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

Отдельным масштабным блоком стала интеграция функционала промо-акций, который охватил и сайт, и административную панель. Это потребовало плотной работы с backend-командой и тщательного тестирования всех сценариев.

Результат

После оптимизации показатели SEO в Яндекс и Google выросли с 40-50% до 90%, скорость загрузки сайта увеличилась на 10%. Микроразметка и счетчики аналитики улучшили видимость сайта в поисковых системах. Редизайн интернет-магазина получил положительные отзывы от заказчика, функционал акций был успешно запущен в продакшн. Рефакторинг сделал проект более поддерживаемым и удобным для дальнейшего развития.