Кейс
URAL MOTORSPORT — официальный сайт автоспортивной команды
Официальный сайт автоспортивной команды завода «УРАЛ»: связанная структура на 1С-Битрикс, интерактивная карта и админка без дублирования данных
~1–1,5 мес.
активная разработка
янв–март 2025
срок проекта
0 дублей
данные один раз → карточки, слайдеры, детали
самообслуживание
контент без разработчиков
Клиент
О клиенте
URAL MOTORSPORT - автоспортивная команда, спортивное подразделение автомобильного завода «УРАЛ». Команде нужен был современный ресурс «для своих»: место, где спортсмены, партнёры и болельщики видят актуальную информацию - расписание, состав экипажей, технику, результаты, новости, фото и видео.
Задача - не просто витрина, а удобный инструмент, которым команда управляет самостоятельно. Полный цикл: дизайн + разработка на выбранной заказчиком CMS 1С-Битрикс. Мы спроектировали и реализовали сложную, но удобную архитектуру данных.
Вызовы
Проект требовал связанной модели сущностей, интерактивной карты и автоматики админки - без дублирования и без постоянной помощи разработчиков после запуска.
- Связанная структура сущностей - инфоблоки Мероприятия, Экипажи, Автомобили, Состав команды, Новости, Видеоблог, Фотогалерея, Партнёры, Вакансии, История команды, Обложки разделов, Универсальные баннеры; highload-справочники Дисциплины, Категории команды, Категории партнёров и др. Все связи (экипаж ↔ автомобиль ↔ участники ↔ мероприятие) настроены так, чтобы данные заполнялись один раз и подтягивались в карточки, слайдеры и детальные страницы
- Интерактивная карта - Яндекс.Карты API v3 на /about/: точки и маршруты из мероприятий, цвет маркера от дисциплины, фильтр по сезону, группировка и связь с карточками - всё из админки
- Автоматика админки - скрытие прошедших мероприятий по дате окончания, AJAX-фильтры по дисциплинам, гибкие параметры медиа для слайдеров и карточек, WebP + lazyload
- Сложная адаптивная вёрстка - фото и видео разных пропорций (квадратные, горизонтальные, логотипы) потребовали тщательной подгонки сетки и object-fit
- SEO и медиа - базовая SEO-настройка и редактирование мета-тегов из админки; локальное видео, YouTube/VK/RuTube, альбомы и результаты в PDF
Задачи
Цели и задачи
Связанная структура сущностей
Инфоблоки и highload-справочники без дублей: экипаж, авто, участники и мероприятия связаны один раз
Интерактивная карта
Яндекс.Карты API v3 на /about/: точки, маршруты, цвета маркеров и фильтры по дисциплинам из админки
Автоматика админки
Скрытие прошедших мероприятий, AJAX-фильтры, параметры медиа и WebP без ручной рутины
Адаптив и медиа
Ровная сетка под фото и видео разных пропорций на любых экранах
SEO из админки
Базовая SEO-настройка и редактирование всех мета-тегов без разработчика
Полный цикл
Дизайн + разработка на 1С-Битрикс - от архитектуры данных до запуска
Процесс
Процесс работы
Шаг 1
Бриф и требования
Выяснили задачи ресурса «для своих»: расписание, экипажи, техника, результаты, новости и медиа. Зафиксировали требование самостоятельного управления контентом командой
Шаг 2
Архитектура данных
Спроектировали инфоблоки, highload-справочники и связи без дублей - данные заполняются один раз и автоматически попадают в карточки, слайдеры и детальные страницы
Шаг 3
Дизайн
Визуальный стиль под автоспорт: акцент на технике, экипажах и динамике. Продумали сетки под разноформатное медиа и ключевые сценарии на мобильных
Шаг 4
Разработка на 1С-Битрикс
Кастомные компоненты и связи, AJAX-фильтры по дисциплинам, параметры медиа для слайдеров и карточек, автоматика скрытия прошедших мероприятий
Шаг 5
Карта и медиа
Яндекс.Карты API v3: точки и маршруты из мероприятий, цвет маркера от дисциплины, фильтр по сезону. WebP-конвертация и lazyload для тяжёлой медиатеки
Шаг 6
Запуск и передача
Публикация в январе - марте 2025 (~1–1,5 мес. активной работы с учётом согласований и пауз со стороны клиента). Передали админку команде для самостоятельного ведения контента
Результаты
Что мы сделали
Связанная структура сущностей
Инфоблоки и highload-справочники связаны так, что экипаж, автомобиль, участники и мероприятие заполняются один раз. Данные автоматически подтягиваются в карточки, слайдеры и детальные страницы - дублирование исключено.
Интерактивная карта
На /about/ - Яндекс.Карты API v3: точки и маршруты из мероприятий, цвет маркера от дисциплины, фильтрация по сезону, группировка маркеров и связь с карточками. Всё настраивается в админке.
Админка и автоматика
Прошедшие мероприятия скрываются по дате окончания, фильтры по дисциплинам работают через AJAX, для медиа заданы параметры под разные форматы. Подключены WebP и lazyload; SEO-мета редактируются из админки.
Стек
Технологии
Связки
Интеграции
1С-Битрикс
Кастомные компоненты и связи сущностей - сложная архитектура данных без дублей и с удобной админкой
MySQL
Надёжное хранение инфоблоков, highload-справочников и связей между сущностями
Яндекс.Карты API v3
Интерактивная карта на /about/: точки, маршруты, цвета маркеров и фильтры по дисциплинам из справочников
WebP + lazyload
Автоконвертация изображений в WebP и ленивая подгрузка - сайт не тормозит на тяжёлой медиатеке
Кастомные компоненты и связи
Связи экипаж ↔ авто ↔ участники ↔ мероприятие и гибкие параметры медиа для карточек и слайдеров
Результаты
Итоги проекта
Результаты
Сайт стал удобным рабочим инструментом команды URAL MOTORSPORT. Контент обновляется без привлечения разработчиков, структура масштабируется, а посетители получают актуальную и красиво поданную информацию.
Активная разработка заняла ~1–1,5 месяца; проект шёл в периоде январь - март 2025 с учётом согласований и пауз со стороны клиента. Мы закрыли полный цикл: дизайн, архитектуру данных и разработку на 1С-Битрикс.
- Запустили официальный сайт автоспортивной команды на 1С-Битрикс
- Собрали связанную структуру сущностей без дублирования данных
- Реализовали интерактивную карту на Яндекс.Картах API v3 с фильтрами из админки
- Настроили автоматику админки, WebP и SEO-мета
- Передали команде инструмент для самостоятельного ведения контента
Развитие
Этот кейс - про то, как связанная архитектура данных превращает корпоративный сайт в живой инструмент команды: заполнил один раз - увидел везде. Структура готова к росту: новые дисциплины, сезоны, экипажи и медиатеки без перестройки ядра.
Над проектом работали разработчик (структура, логика, вёрстка), дизайнер-фрилансер и проект-менеджер; студия сопровождала консультациями и правками. При необходимости сайт готов к расширению: новые разделы, интеграции соцсетей или расширенная аналитика посещений.
Портфолио
