Инструмент для создания схем стадионов и концертных площадок

Seatmap.pro — профессиональный инструмент для создания планов рассадки различной сложности на стадионах, концертных площадках и аренах. ЦА сервиса — платформы онлайн-бронирования, билетные агенты и площадки для проведения массовых мероприятий.

Бизнес-задача

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

Исходное состояние

Дизайн-задача

1. Собрать с нуля UI процесса выбора и покупки билетов для двух версий: десктопной и мобильной.

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

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

Конкретный сектор. Места

Аналитика

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

Совместно с заказчиком изучили опыт покупки билетов. Итогом стал список пользовательских сценариев.

Места выбраны Выбор места в мобильной версии

Визуальный язык

Заказчик подобрал наиболее репрезентативные площадки, для которых мы рисовали схемы. Например, Театр, Рига арена и Barclays Center в Бруклине.

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

Для каждого стадиона нарисовали больше десятка схем в разном масштабе. Подбирали закономерности, как и что работает.

На примере площадок разных размеров и вместимости выделили подходы и правила создания типовых схем.

Сектор. Popover с информацией о цене, номере ряда и места Фильтр План сектора, фильтры в мобильной версии

Результат

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

Итоги первой итерации:

• Схемы как визуализация наших экспериментов
• Гайдлайн по визуализации схемы площадки

Мои билеты Мои билеты и поиск в мобильной версии