Сайт для танцевального чемпионата Release Champ

Современная площадка для регистрации участников и оплаты участия в чемпионате и мастер-классах

О клиенте

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

Задачи

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

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

Что было
сделано

Анализ и исследование:
  • Проведен анализ целевой аудитории и конкурентов.
  • Изучили порядок регистрации и взаимодействия участников чемпионата и организаторов.
Создание прототипа:
  • Разработана структура многостраничного сайта.
  • Разработаны отдельные формы регистрации для участников чемпионата и для участников мастер-классов.
Дизайн:
  • Разработан дизайн сайта на основе мудборда и пожеланний заказчика.
  • Дизайн адаптирован под мобильные устройства и планшеты.
Техническая реализация:
  • Сайт сверстан на платформе Tilda, адаптирован под мобильные устройства и планшеты.
  • Подключена платёжная система для онлайн-оплаты участия.
  • Настроена интеграция с Google Таблицами — заявки автоматически попадают организаторам.
  • Настроена интеграция Telegram-бот для мгновенных уведомлений о новых заявках.
  • Подключен домен, почтовый сервис и доменная почта.
  • Настроена базовая SEO-оптимизация
  • Подключены формы сбора заявок и обратной связи.

Прототип

Разработку сайта мы начали с анализа конкурентов и целевой аудитории. Изучили ТЗ от клиента. А также изучили какой раньше был порядок регистрации на чемпионат, он был реализован через соцсети. Выявили в прошлом подходе проблемные точки и на основе этого уже разрабатывали логику и путь пользователя на сайте.

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

Далее приступили к детальному прототипированию страниц. Особое внимание уделялось маршруту участника: регистрация → уведомление организаторов в тг-бот → подтверждение участия на почту → оплата.

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

Визуальные
решения

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

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

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


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

Детали

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

Выводы и результаты

Проект позволил сделать процесс регистрации и оплаты максимально удобным для участников и прозрачным для организаторов. Release Champ получил современный сайт, который решает задачи мероприятия и помогает формировать профессиональный имидж чемпионата.
Понравился сайт?
Made on
Tilda