Токарев Lab Написать

РедизайнЛыжный марафон

Сайт лыжного марафона «Европа-Азия»: редизайн на двух языках

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

Сергей Токарев

Сергей ТокаревРазработчик проекта. Делаю похожее на заказ.

Европа-Азия

О проекте

Лыжный марафон «Европа-Азия» проходит на Урале с 1982 года, это один из старейших массовых стартов страны с дистанциями 2, 15, 35 и 50 км. Прежний сайт встречал посетителя списком текстовых ссылок: положение, трансфер, дирекция. На первом экране не было ни фотографий гонки, ни кнопки регистрации, ни даты следующего старта.

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

Что есть на новом сайте

  • Главная: дистанции, обратный отсчёт до старта, цифры марафона, новости, фотографии, кнопка регистрации, партнёры.
  • Дистанции и трасса: карточки всех дистанций и карта.
  • Участникам: порядок регистрации и стартовые взносы.
  • Результаты прошлых лет таблицей с фильтрами по году и дистанции.
  • Новости, фотоальбомы и видео.
  • Волонтёрам: условия и форма заявки.
  • Партнёрам и контакты с формой обратной связи.

Русская и английская версии

Сайт переключается между русским и английским: меняются меню, заголовки, подписи и текст таймера. Для марафона, входящего в серию международных лыжных стартов, это важно для иностранных участников.

Таймер и результаты

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

Регистрация

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

Админ-панель

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

Как устроено

PHP с отрисовкой страниц на сервере и понятными адресами разделов, собственные стили и JavaScript без библиотек, карта сайта и своя страница 404. Формы защищены от подделки запросов.

Как было и как стало

Европа-Азия: сайт до редизайна
Было
Европа-Азия: новый сайт
Стало

Скриншоты

Европа-Азия: О марафоне: короткий рассказ с фото и кнопками вместо списка текстовых ссылок на старом сайте
О марафоне: короткий рассказ с фото и кнопками вместо списка текстовых ссылок на старом сайте
Европа-Азия: Четыре дистанции карточками: от семейной гонки на 2 км до элитного марафона на 50 км, с уровнем сложности
Четыре дистанции карточками: от семейной гонки на 2 км до элитного марафона на 50 км, с уровнем сложности
Европа-Азия: Описание трассы: покрытие, рельеф, пункты питания и хронометраж в одном блоке
Описание трассы: покрытие, рельеф, пункты питания и хронометраж в одном блоке
Европа-Азия: Регистрация по шагам: участник видит весь путь до стартового взноса
Регистрация по шагам: участник видит весь путь до стартового взноса
Европа-Азия: Результаты прошлых лет таблицей с фильтрами по году и дистанции
Результаты прошлых лет таблицей с фильтрами по году и дистанции

Частые вопросы

Что должно быть на сайте спортивного мероприятия?

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

Можно ли вести регистрацию на внешней платформе?

Да. На сайте описаны порядок и взносы, а сама регистрация и оплата идут на RussiaRunning.

Кто обновляет сайт после запуска?

Организаторы сами, через админ-панель.

Нужно похожее?

Напишите, что хотите автоматизировать или сделать: отвечаю лично и быстро. Работаю по договору, цена фиксируется до начала. Как я работаю и сколько это стоит

Написать в Telegram MAX