Первый экран хоккейного мероприятия

Задача

В рамках университетского проекта разработать лендинг для популярного городского мероприятия. В качестве темы был выбран хоккейный клуб «Трактор» — один из самых узнаваемых спортивных брендов Челябинска. Основной задачей было передать атмосферу хоккейного события, сохранить узнаваемость команды и построить визуальный стиль на основе айдентики сезона 2025/2026. Лендинг должен был познакомить пользователя с программой мероприятия, участниками и ключевой информацией, а также подвести к покупке билета.

Фирменный стиль команды — сезон 2025/2026
Итоговый лендинг хоккейного мероприятия

Перенос из Figma в Tilda — микроанимации

Сайт был полностью реализован на Tilda с дополнительной настройкой анимаций и интерактивных элементов. Для усиления вовлечения были добавлены плавные появления блоков и анимации карточек. За счёт микроанимаций интерфейс ощущается более живым и помогает удерживать внимание пользователя во время просмотра лендинга.

Реализация лендинга и анимации на Tilda

Внутренняя структура проекта

Система стилей и внутренняя организация проекта позволяют сохранять визуальную целостность во всех блоках, ускоряют вёрстку и делают проект удобным для масштабирования и поддержки в будущем.

Система стилей, типографика и кнопки проекта

SEO и техническая настройка

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

  1. Редиректы.

  2. Title и Description.

  3. Заголовки H1, H2 и H3.

  4. Alt-тексты.

  5. Карта сайта — sitemap.

  6. Яндекс Метрика.

Проверка SEO-настроек проекта

Мобильная версия

Основные конверсионные элементы — контакты, формы заявок и кнопки связи — вынесены в приоритетные зоны. Сложные блоки, такие как таблицы с ценами, адаптированы под мобильные устройства без потери читаемости и удобства использования.

Мобильная версия хоккейного лендинга