Sport Media Group
Двуязычный имиджевый сайт для команды спортивных мероприятий, маркетинговых проектов и событий.
Задача
Sport Media Group работает сразу в трёх направлениях — спорт, маркетинг и мероприятия — и показывает проекты разных лет, городов и форматов. Нужно было собрать всё в единую систему: быстро объяснить специализацию компании, передать масштаб событий и дать заказчику возможность самостоятельно пополнять портфолио.
Сайт должен был одинаково уверенно работать как презентация для российского заказчика и как англоязычная визитка для международных партнёров. Отсюда требования к двум языковым версиям, мобильной адаптации, большим фото- и видеоматериалам и понятной структуре без тяжёлого корпоративного интерфейса.
Что мы сделали
1. Спроектировали структуру вокруг трёх направлений
На первом уровне пользователь видит «Спорт», «Маркетинг» и «Мероприятия». Далее — преимущества команды и портфолио с фильтрацией по направлениям. Такая архитектура позволяет быстро перейти от общего позиционирования к фактам: конкретному турниру, шоу, форуму или маркетинговой активации.
2. Разработали визуальную концепцию и UX/UI
Использовали крупную типографику, светлое пространство, контрастные акценты и полноэкранные медиа. Визуальный ритм напоминает спортивную трансляцию и журнальную верстку, но не мешает читать длинные описания. Для мобильной версии отдельно выстроили порядок блоков, меню, размеры заголовков и поведение галерей.
3. Собрали сайт на Tilda и Zero Block
Настроили адаптивные композиции, якорную навигацию, галереи, видео, формы и повторно используемые элементы. Контентная команда может добавлять новые события в знакомом редакторе без изменения кода и разрушения общей стилистики.
4. Упаковали большой архив проектов
Для каждого события предусмотрены название, география, год, описание, перечень работ и медиа. На сайте представлены спортивные турниры, гала-матчи, презентации, деловые форумы и бренд-активации. Структура выдерживает как короткую карточку, так и подробный рассказ с десятками изображений.
5. Реализовали две языковые версии
Русская и английская версии имеют единый визуальный язык и понятный переключатель. Мы учли, что длина заголовков и абзацев отличается, поэтому компоненты не завязаны на фиксированную высоту текста.
6. Подготовили техническую и SEO-базу
Настроили заголовки, описания, человекопонятные адреса, альтернативные тексты для изображений, контакты и перелинковку. Оптимизировали медиаматериалы для веба и проверили адаптивность основных сценариев.
Метрики реализации
- 2 языковые версии: RU и EN;
- 3 ключевых направления в одной системе навигации;
- более 15 подробно представленных проектов;
- география проектов — более 10 городов и несколько стран;
- портфолио охватывает события 2016–2025 годов;
- один управляемый сайт вместо разрозненных презентаций и ссылок на видео.
Эти цифры описывают объём и архитектуру реализованного продукта. Данные о посещаемости, заявках и продажах не публикуем без подтверждённой аналитики заказчика.
Результат
Sport Media Group получила не статичную визитку, а обновляемую презентационную платформу. Сайт быстро объясняет специализацию, показывает масштаб команды через реальные события и подходит для отправки партнёрам на русском и английском языках. Новые проекты можно добавлять без перестройки дизайна, а посетитель за несколько кликов переходит от направления к конкретному кейсу и контакту.
Сайт как управляемая медиаплатформа
Для Sport Media Group требовалось показать не перечень услуг, а компетенцию через реализованные спортивные проекты. Поэтому основой стала контентная модель: направление, формат события, кейс, роль команды, медиа и результат. Такая структура позволяет добавлять новые проекты без создания уникальной страницы с нуля и одновременно сохраняет цельный визуальный язык.
Информационная архитектура
Развели услуги, портфолио и корпоративную информацию, построили короткие переходы от направления к релевантному проекту и контакту. Русская и английская версии используют одинаковую структуру, поэтому контент не расходится при обновлениях.
Дизайн-система
Собрали типографическую шкалу, сетку, карточки, состояния кнопок и правила работы с фото и видео. За счёт компонентов страницы выглядят авторскими, но не требуют ручной верстки каждого нового кейса.
Медиа без потери скорости
Видео и крупные изображения загружаются по сценарию, а не все сразу. Для превью заданы пропорции и адаптивные версии, чтобы визуальный эффект не разрушал Core Web Vitals и мобильную навигацию.
Контентное администрирование
Команда может добавлять проект, менять порядок и обновлять русский или английский текст в управляемых полях. Это снижает стоимость развития по сравнению с набором несвязанных лендингов.
От discovery до запуска
Аудит
Собрали услуги, аудитории, материалы и ограничения по медиа.
Прототип
Проверили сценарии портфолио и двуязычную структуру.
Система
Перевели дизайн в компоненты и адаптивные состояния.
Приёмка
Проверили контент, ссылки, формы, видео и мобильные разрешения.
Техническое качество и передача проекта
На запуске настроили человекочитаемые URL, метаданные, Open Graph, sitemap, канонические страницы и базовые события аналитики. Отдельно проверили контраст, кликабельные области, клавиатурную навигацию и поведение длинных заголовков. В портфолио уже представлено 15+ проектов; архитектура рассчитана на дальнейший рост без визуальной иерархической деградации.
Нужен сайт с большим портфолио?
Спроектируем структуру, дизайн и разработку, подготовим контентную модель и запустим страницу, которую команда сможет развивать самостоятельно.
Посмотреть сайтРазработка сайтовОбсудить проект