Веб-сервисы

Дизайн

Проектирование

Сопровождение

Техническое задание

Фронт-энд

Функционал

Разработка веб-портала корпоративного спорта для госкорпорации

Основные цели спортивного общества – создание и поддержание связи предприятий Госкорпорации «Роскосмос» со всей страны через проведение товарищеских соревнований, создание условий для здорового образа жизни.

  • Клиент

    Госкорпорация «Роскосмос»

  • Год

    2021

Задача

В конце 2020 года к нам обратились представители отдела по организации спортивных мероприятий в корпорации с идеей создания современного сайта, охватывающего все направления корпоративного спорта.

Наше предложение

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

После утверждения прототипа мы помогли составить техническое задание и приступили к реализации проекта.

Проектирование структуры сайта корпоративного спорта

Для начала мы создали прототипы основных страниц для каждого из основных разделов и проработали интерактивные связи между ними.

Выделили несколько групп пользователей и согласовали с заказчиком основные сценарии взаимодействия с сайтом для каждой из них.

Дизайн сайта госкорпорации

На основе спроектированной структуры и согласованных прототипов страниц мы разработали уникальный дизайн сайта.

Разработка общей дизайн-концепции

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

Дизайн главной страницы

В основу новой концепции мы взяли космическую тематику с тёмным фоном и яркими акцентами.

Ключевой "фишкой" стала динамичная вспышка из распространяющихся космических частиц.

Интерактивные элементы

Мы метафорично представили 10 видов спорта в виде 10 планет Спортивной вселенной.

При нажатии на навигацию слева экрана можно перейти от одного объекта к другому.

Анимация первого экрана

Поэкранная прокрутка

Все информационные модули главной страницы разбиты на отдельные экраны.

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

Все страницы и функционал сайта в полном объёме доступны в мобильной версии сайта.

  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1

Создание функционала портала корпоративного спорта

Программирование страниц и функционала сайта заняли больше 6 месяцев. За это время были реализованы все многочисленные функции из Технического задания.

Календарь мероприятий

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

Отображение в календаре можно переключать по неделе, месяцу и году. Также все мероприятия года можно посмотреть единым списком.

Страница мероприятия

Каждое предприятие имеет на сайте собственную страницу, на которой отображается следующая информация:

  • разбивка баллов по офлайн-соревнованиям

  • разбивка баллов по онлайн-соревнованиям

  • разбивка баллов по спартакиаде

  • разбивка баллов по отчётности

  • суммарный рейтинговый балл

  • краткая информация

  • название и город

Функционал регистрации на мероприятия

Работники предприятий госкорпорации Роскосмос могут зарегистрироваться для участия в онлайн-соревнованиях через сайт.

Для участия команды от предприятия в офлайн-соревнованиях командную заявку через сайт подаёт куратор от предприятия.

Функционал регистрации и авторизации на сайте

Зарегистрироваться на участие в мероприятии может только авторизованный пользователь.

Если у пользователя нет учётной записи, ему предлагается пройти регистрацию на сайте.

Функционал подсчета рейтинга предприятий

За каждое участие в офлайн мероприятии предприятие получает рейтинговые баллы. Так же рейтинговые очки предприятие получает за участие своих сотрудников в онлайн-соревнованиях и сдаче отчётности.

Все рейтинговые баллы в течение сезона подсчитываются и суммируются автоматически.

Страница предприятия

Каждое предприятие имеет на сайте собственную страницу, на которой отображается следующая информация:

  • название

  • город

  • краткая информация

  • суммарный рейтинговый балл

  • разбивка баллов по офлайн-соревнованиям

  • разбивка баллов по онлайн-соревнованиям

  • разбивка баллов по спартакиаде

  • разбивка баллов по отчетности

Интеграция со Strava

Мы реализовали обмен данными через API с системой хронометража Strava. Функции, которые доступны в ЛК:

  • разбивка баллов по офлайн соревнованиям

  • метод получения списка забегов участника;

  • метод получения результатов участника по каждому забегу.

Разработка Личного кабинета куратора от предприятия

С помощью личного кабинета куратор может:

  • регистрировать команды своего предприятия на соревнования;

  • редактировать заявки команд;

  • отслеживать результаты и статусы участия;

  • получать обратную связь от администраторов через форму ОС;

  • сдавать отчётные документы.

Разработка функционала сдачи отчётных документов для кураторов

Мы реализовали функционал, с помощью которого куратор от предприятия может отправлять отчетные документы о спортивной деятельности предприятия:

  • ежеквартальную отчётность

  • годовую отчетность


За своевременную сдачу отчетности администраторами начисляются рейтинговые баллы.

Автоматическая генерация дипломов участников

Мы реализовали функционал автоматической генерации электронных дипломов для участников в формате ПДФ.

Отзыв о проекте

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

    Несмотря на сложности, команда 2Dit взялась за эту работу и смогла запустить сайт, которым активно пользуются более 1000 человек в день. Кроме того, в ходе плотного сотрудничества разработчики охотно брались за реализацию наших смелых идей в плане дизайна и анимации на сайте.

    Отдельно благодарим за отзывчивость и готовность оперативно решать возникающие проблемы!

    Елена В.

    Заместитель директора по спортивной работе

Заказать услугу по созданию спортивного сайта

  • профессиональные спортивные команды и турниры

  • спортивные клубы и федерации

  • стадионы и спортивные комплексы

Если вам требуется реализация аналогичного проекта — мы будем рады применить свой накопленный опыт, чтобы помочь вам.

Какие технологии используем:

  • HTML5
  • CSS3
  • PHP
  • 3D
  • Кейс

    Сайт лизинговой компании

  • Кейс

    Корпоративный HR веб-портал для размещения вакансий