Комплексный интернет-маркетинг

интернет-маркетинг

Разработка сайта

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

Sofit.Ranking – это платформа для организации спортивных мероприятий, расчета рейтинга и учета персональной статистики в ракетных видах спорта.

Перед нами стояла задача разработать сайт, который образовывал бы с мобильным приложением комфортную экосистему для пользователей, связанных с ракетным спортом. Владельцы рейтингов, спортивных клубов и кортов, организаторы турниров, судьи, тренера и игроки – все они могут взаимодействовать и коммуницировать в рамках единой платформы. Чтобы сделать это взаимодействие еще более комфортным и бесшовным, мы разработали сайт в соответствии с фирменным стилем и цветами мобильного приложения Sofit.Ranking.
Вся необходимая информация о платформе Sofit.Ranking представлена в рамках одной страницы, чтобы избавить пользователей от необходимости переходить на отдельные страницы. При этом, чтобы не жертвовать информативностью, мы тщательно проработали весь текст и распределили его грамотно на странице и в модальных окнах. Пользователь может получить пояснения о той или иной функциональности приложения с наглядными скриншотами, просто кликнув по интересующей его области, которая выделяется анимацией. Таким образом, сайт сохраняет высокую информативность при визуальной легкости минималистичного дизайна.

Модальные окна были разработаны посредством Zero-блоков. Это нестандартное решение в рамках разработки сайтов, требующее внедрение дополнительного кода.
Создание собственных рейтингов и управление доступом к ним
Монетизация: Установка членских взносов для участников рейтинга и организаторов турниров
Для владельцев рейтингов
Для организаторов турниров и судей
Управление активностью турнира: проведение турнира в несколько сессий, установка очередности матчей, вызов участников на матч
Проведение жеребьевки. Рассеивание игроков, чтобы они были как можно дальше друг от друга в турнирной сетке
Регистрация участников на турнир с учетом wild card
Настройка турнирной сетки: групповой этап, плей-офф (до одного или до двух поражений), с указанием количества разыгрываемых мест
Организация индивидуальных/парных/командных категорий с отбором по рейтингу, возрасту, полу.
Создание нескольких категорий в рамках одного турнира
Статистика
Информация о турнирах
Управление профилем
Информация по клубам
Создание пар и команд
Регистрация на турнир
Аренда помещений и инвентаря
Оплата услуг
Подписки на участников игр, турниры и клубы. Уведомления по подпискам.
Для игроков
Могут использовать приложение для продвижения своих услуг, размещения информации о клубах и о доступных столах, кортах и инвентаре. А также о стоимости аренды и возможности онлайн бронирования
Владельцев клубов и кортов
К слову, сайт был разработан на платформе Tilda. Существует мнение, что возможности конструктора Tilda сильно ограничены и не позволяют делать продвинутые сайты с проработанной и многочисленной анимацией, а также модальные окна через Zero-блоки на странице сайта. Мы решили эти проблемы собственными наработками в виде дополнительного кода. Если у вас возникли проблемы с кодом в ходе разработки своего сайта на Tilda, то готовы поделиться нашими идеями и решениями.

<style>

.shirina{

background:none !important; right: 0 !important;left: 0 !important;}

.parpadding{padding:0 !important;}

.tn-atom .t-form__errorbox-wrapper, .tn-form__errorbox-popup , .t-form-success-popup { z-index: 9999999 !important; }

</style>

<script>

$( document ).ready(function() {

var ZeroPopID = '#rec233627572';//ID Zero

var PopWindID = '#rec583633232';//ID PopUp окна BF503

$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)).parent(".t-popup").addClass("parpadding");

$('a[href^="#popupzero"]').click(function(e) {e.preventDefault();

setTimeout(function(){$(ZeroPopID+' .t396').trigger('displayChanged');}, 10);

});

$(document).on('click','a[href="#close"], '+ZeroPopID+' .t396__filter',function(e){e.preventDefault();t390_closePopup(PopWindID.replace(/[^0-9]/gim, ""));});

$(ZeroPopID).delegate(".t-submit", "click", function(){

setTimeout(function(){if($(ZeroPopID+" .t-form").hasClass("js-send-form-success")){t390_closePopup(PopWindID.replace(/[^0-9]/gim, ""))}}, 1000);});

});

</script>
Весь текст для сайта был разработан нами. Мы взяли полуторачасовое интервью у заказчика, на основании которого выделили тезисы – ключевые ценности экосистемы Sofit.Ranking, закрывающие те или иные боли участников большого сообщества ракетного спорта. Вокруг этих тезисов мы выстроили повествование таким образом, чтобы посетителю сайта было максимально понятно и комфортно воспринимать информацию на сайте.
В разработке сайта мы стремились не только довести текст до безупречного состояния, но и оформить все таким образом, чтобы на сайте было комфортно изучать возможности платформы Sofit.Ranking. Для этого мы вручную создавали все иллюстрации и анимации, которые делают сайт живым и красочным. Так, например, на сайте представлены все ракетки и спортивные снаряды, которые существуют в ракетных видах спорта. Выдержаны все пропорции и особенности ракеток и снарядов.

В стремлении к совершенству и единству стиля и информативности мы проработали даже технические страницы сайта, где представлена необходимая информация о пользовательском соглашении, политиках конфиденциальности и использовании файлов cookie на платформеSofit.Ranking. Так на странице с описание политики использования файлов cookie присутствуют уникальные анимации печенья, которое плавно перемещается по экрану. Эта анимация присутствует только на этой странице, до которой добирается малый процент посетителей, но мы стремились создать по-настоящему безупречный и цельный сайт.

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

Почитайте, вы наверняка найдете в этих историях что-то

полезное и безумно интересное

Остались вопросы по проекту?

Заполните форму ниже и я с радостью расскажу вам все нюансы проекта, которые не вошли в описание и отвечу на все интересующие вас вопросы.

Made on
Tilda