spacetab

@spacetab_bot

adidas Creators Games

Проект завершён, 2017–2018

Все проекты adidas →

Сайт спортивных соревнований adidas в России, Украине и Казахстане, а затем платформа сообщества на целый сезон: челленджи, тренировки по неделям, программа питания, трансформация, тесты, академия, рейтинг и личный кабинет.

Клиент и задача

Creators Games — проект adidas для людей, которые хотят заниматься спортом, но не профессионалы. В 2017 году это были соревнования в городах России, Украины и Казахстана: тренировки по мини-футболу, лёгкой атлетике и чир-дансу, отборочные этапы в регионах и финал в Москве. Нужен был сайт, где человек узнаёт правила, находит свой город и тренировку, подаёт заявку и видит результаты, а организаторы ведут заявки, расписание и результаты в одной админке.

К следующему сезону формат вырос из соревнования в программу на шесть месяцев: задания каждые несколько недель, план тренировок и питания, замеры прогресса, статьи и тесты, семинары adidas Academy и общий рейтинг, по которому определяют лучшего «мультиатлета». Под неё понадобилась новая платформа: сайт с личным кабинетом, API и админка для команды проекта.

Что сделали

Сначала — сайт соревнования 2017 года, затем — платформа сезона 2017/18.

Сайт 2017 года, «Города»: карты России, Украины и Казахстана с городами соревнований

Города и правила соревнования

Карты России, Украины и Казахстана с городами, где проходят игры, правила и регламент, этапы сезона — от тренировок до отборочных этапов в регионах и финала в Москве. Отдельно объяснено, что участникам нужна карта adidas Universe и где её оформить.

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

Сайт 2017 года: форма заявки участника — город, дисциплина, карта Universe, согласия

Заявка участника

Путь в семь шагов: правила, регистрация, выбор вида спорта, контакт лидера спортивного сообщества своего города, экипировка, расписание. Форма заявки — город и дисциплина из справочников, гражданство, карта Universe, откуда узнал о соревнованиях, согласия. После отправки участнику приходит письмо, а организаторы выгружают заявки из админки по датам, странам и городам.

Заявки приходят в одном формате, их легко разобрать по городам.

Сайт 2017 года: результаты дисциплины — команда, участник, город, время; имена участников скрыты

Расписание и результаты

Расписание тренировок по городам и неделям: дата, место, дисциплина, тренер; поиск лидера сообщества по городу. Результаты — по каждой дисциплине отдельно для мужчин и женщин, с поиском, сортировкой и страницами: 100 метров, махи гирей, 3000 метров, берпи, подтягивания и другие. Новости, расписание и результаты ведутся в админке.

Участник находит свою тренировку и видит своё место среди всех, кто сдавал ту же дисциплину.

Главная 2018 года, «Прими вызов»: три направления программы и регистрация

Главная платформы 2018 года

Программа собрана в направления: «Покажи, на что ты способен» — личные челленджи, «Командная битва» — задания для команд сотрудников, «Больше о спорте» — статьи и тесты, «Твой старт» — для тех, кто только начинает. Рядом — ближайшие события, форма «Предложи своё мероприятие», рейтинг и призы: лучшему мультиатлету по итогам шести месяцев — билеты на чемпионат мира по футболу 2018 года.

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

«Челлендж №2»: комплекс упражнений, правила участия, загрузка результата

Челленджи

Четыре волны с ноября 2017 по май 2018 года — Start, Power, Speed и Drive. У каждой — комплекс упражнений, правила, видео с техникой и сроки. Участник загружает время и ссылку на видео на странице челленджа или в кабинете, лучшие результаты публикуются отдельно для мужчин и женщин. В командной битве задания те же, результат команды загружает капитан.

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

«Тренировки»: план тренировочной недели по дням — разминка, блоки упражнений, растяжка, уровни нагрузки

Тренировки по неделям

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

К заданию готовятся по плану, а не наугад.

Личный кабинет: профиль, направления участника, замеры по месяцам, приглашение друга, прогресс по челленджам«Личная трансформация» на телефоне: индекс массы тела и замеры

Трансформация и личный кабинет

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

Прогресс виден в цифрах, а цель всегда перед глазами.

«Коррекция массы тела»: меню на неделю по полу, возрасту, весу и росту, жёлтым — дни с тренировкой

Программа питания

Три программы — коррекция массы тела, набор мышечной массы и поддержание формы. Участник указывает пол, возраст, вес и рост и получает меню на две недели: пять приёмов пищи в день с порциями, пересчитанными под его данные. Дни с тренировкой отмечаются в таблице, и порции на эти дни становятся больше.

Меню подстраивается под конкретного человека и его график тренировок.

Тест «Проверим, что ты знаешь о футболе»: вопросы с вариантами ответов

«Больше о спорте» и тесты

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

Участвовать и зарабатывать баллы может и тот, кто пока не готов к нагрузкам.

adidas Academy: семинары и блог

adidas Academy

Раздел образовательных программ adidas: семинары — очные в Москве и вебинары для всех, блог о мотивации, сне и питании, контакты академии.

Между челленджами участникам есть что почитать и куда прийти.

Админка: редактирование челленджа — тип, номер, единица и тип результата, тексты в редакторе

Админка и API

Сайт и админка работают через один API. В админке команда проекта ведёт челленджи — тексты в редакторе, даты, видео, единицу и тип результата, картинки для закрытого, открытого и завершённого челленджа, — публикации, тесты с вопросами и верными ответами, события и пользователей. Зарегистрироваться можно формой на сайте или через профиль на Creators Hub — портале adidas для сотрудников.

Новые волны, статьи и тесты команда проекта публикует сама, без разработчиков.

1 / 11

Как устроено

Сайт 2017 года — Laravel с собственной админкой: заявки, расписание, результаты и новости. Платформу 2018 года разделили на три части: публичный сайт — одностраничное приложение на Vue, API на Laravel и админку на Vue с CoreUI; данные — в PostgreSQL, вход по токенам, в том числе через Creators Hub. Сборка и выкладка — Docker-образы через GitLab CI в Kubernetes.

Сроки и масштаб

  1. Январь 2017 заглушка «Скоро в твоём городе» с видео о проекте.
  2. Февраль 2017 сайт соревнования: города, правила, заявка участника.
  3. Март – июль 2017 новости, расписание тренировок по городам, результаты по дисциплинам.
  4. Сентябрь – октябрь 2017 начало новой платформы: сайт, API и админка.
  5. Ноябрь 2017 старт сезона: первый челлендж Creators Games: Start.
  6. Январь – май 2018 челленджи Power, Speed и Drive, разделы трансформации, питания и академии, тесты.
  7. Сентябрь 2018 последние доработки админки. После сезона публичный сайт закрыли заглушкой: программа осталась доступна сотрудникам на Creators Hub.

Масштаб: 8 репозиториев и около 3 000 коммитов — сайт 2017 года с заглушкой и окружением, сайт, API и админка 2018 года. Сезон 2017 года, по странице «О проекте» на сайте, — 180 городов в трёх странах.

Что это дало

  • Один сайт на весь сезон соревнований

    Правила, города, заявка, расписание и результаты для трёх стран — в одном месте, а заявки и результаты организаторы ведут в админке.

  • Из соревнования — в программу на полгода

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

  • Одна система баллов для всех форматов

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

  • Контент без разработчиков

    Новые волны, статьи и тесты команда проекта публикует в админке.

Технологии

Статус

Проект завершён. Работали в 2017–2018 годах: сайт сезона 2017 года и платформа сезона 2017/18. Сайт больше не работает; экраны восстановлены из веб-архива и из исходного кода.

Есть похожая задача?

Расскажите о ней — ответим в течение рабочего дня и предложим, с чего начать.

Telegram: @spacetab_bot · Почта: bip@spacetab.io