Top.Mail.Ru

A2 Green Concert

«A2 Green Concert» — место встречи всех, кто ценит хорошую музыку. Здесь выступают лучшие российские и зарубежные музыканты.
a2.fm
Введение
Клиент
«А2 Green Concert» — просто клуб, где проходят лучшие концерты Петербурга.
Задача
Привлечь организаторов концертов на светлую сторону, то есть увеличить объём продаж А2 через сайт.
Сопутствующая задача
Новый дизайн и функциональность, увеличивающие вовлечённость пользователей.
Процесс работы
Аналитика
Стратегией при разработке становится «mobile first».
Создана концепция платформы (сообщества) и механика системы лояльности A2.Bonus, зафиксированы основные цели и задачи, а также основной объём функционала будущего сайта.
Проектирование
В прототипирование задачи уходили соответствуя приоритетам бизнеса (в первую очередь афиша, далее уникальная страница мероприятия и т.д.).
Параллельно разрабатывался биллинг-модуль с баллами и вознаграждениями: система транзакций, целевые действия, начисление баллов за взаимодействие с социальными сетями.
Дизайн
Созданы три версии — мобильная, планшетная и десктопная.
После утверждения дизайн-концепции работа по дизайну, разработка “frontend” и “backend” шли параллельно. Одновременно велись работы по интеграции с облачным сервисом по продаже билетов и CRM персональных карт A2.Bonus.
Выпуск итерациями, принцип FFF
Существует общий бэклога проекта, а выпуск происходит поэтапно.
Не обошлось без применения принципа “FFF”, то есть какие-то фичи или части фич упрощались в оглядке на бюджет и приоритеты.
Афиша
Афиша — лицо сайта, его главная страница. Здесь пользователь выбирает концерты и мероприятия для посещения клуба.
Страница, демонстрирующая все концерты — эффектно, красиво, удобно.
Скролл афиши
Афиша прокручивается как вправо, показывая будущие концерты, так и влево, демонстрируя прошедшие мероприятия.
Home zoom
Карточка мероприятия
Важная часть афиши — карточка мероприятия. При нажатии раскрывается полная информация о концерте.
Adaptive 1
Adaptive 2
Адаптивная версия
По результатам аналитики существующего сайта мы подтвердили свою гипотезу — 50% посещений и 25% купленных билетов с мобильных устройств.
Раскрытая карточка мероприятия
При нажатии на одну из карточек мероприятия раскрывается окно. Пользователь видит всю необходимую информацию для покупки билетов.
Поиск
Для того, чтобы найти необходимый концерт, был добавлен поиск по мероприятиям. В нём присутствует как поиск по вводу названий, так и по датам в календаре.
Меню
Навигиация по сайту в адаптивной версии осуществляется с помощью меню, которое содержит все скрытые страницы.
Adaptive 3
Adaptive 4
Страница мероприятия
Страница, посвещённая отдельному исполнителю или событию.
01
Главный экран
Страница, на которой присутствует изображение исполнителя и основная информация о концерте: дата, время, возрастное ограничение, стоимость билетов, кнока покупки билетов, ссылки на соц. сети, фото/видео.
Event zoom
Система автоматически переводит концерт в прошедшее состояние и оставляет пользователям возможность его обсуждать.
02
Информация
Блок, предназначенный для описания исполнителя/ группы: общие сведения, новые альбомы, последние новости.
03
Instagram
Автоматическая подгрузка фото с предыдущих концертов исполнитля, выложенных в Instagram.
04
Комментарии

Пользователи, зарегистрированные в программе А2.Бонус, могут оставлять свои комментарии.

Для администраторов сайта имеется возможность добавления здесь рекламного блока.

05
Концерты
Блок о будущих концертах, с которыми предлагается ознакомиться тем, кто, возможно, ещё не видел их на Афише сайта.
06
F.A.Q.

В подвале расположены ответы на основные вопросы, задаваемые пользователями: о кассе клуба, о доставке, о билетах, о возврате, об электронных билетах, потерянных вещах и другом.

Здесь же находятся ссылки на все правила клуба.

Event imac
Event screenshot
Личный кабинет
Купите билет, получите баллы за покупку, войдите в свой личный кабинет и активируйте понравившееся вознаграждение, а в следующий момент получите его предъявив свою персональную карту!

Участники А2.Бонус — активная и современная аудитория, которая хочет получать больше от покупки билетов и посещения концертов.

Пользователи могут не только покупать билеты на концерты, но и получать баллы за совершённые действия на сайте: комментарии, загрузка фото/видео, отзывы и другое, благодаря программе А2.Бонус.

В следующих итерациях будет активно разрабатываться удобство личного кабинета для пользователей программы А2.Бонус.

Personal ticket