Мобильное приложение «ЦифроАрбат»

Главное о кейсе

Приложение сначала запустили в двух городах — Кемерове и Новокузнецке. Сейчас суммарно в этих городах 20’000 пользователей. Из них 400 человек — организаторы.

После редизайна заказчик решил масштабировать приложение и на другие города России.

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

// Задача //

Основная задача — сделать удобным взаимодействие между организаторами событий и жителями города через приложение.

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

Заказчик уже запустил MVP приложения — городскую афишу. Однако их не устраивал дизайн: неудобная навигация, много фильтров без какой-либо компоновки, плюс нужно было органично вписать функциональность создания событий в существующий интерфейс.
За проектированием нового интерфейса приложения обратились в Атвинту.

// Логика и функциональность приложения //

Пользователь приложения может быть участником событий и организатором.

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

В качестве организатора он создает собственные события и размещает их в афише.

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

// Роли и цели пользователей //

Пользователи имеют разные цели и потребности в зависимости от роли — участник или организатор.

— Для участников важно быстро найти мероприятие на свой вкус в нужный день. Им нужна лента событий с удобными фильтрами.

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

// Проектирование ленты событий //

Разработку приложения начали с создания ленты событий.

Она состоит из карточек событий. Главная задача карточки: зацепить внимание и быстро дать основную информацию, пока пользователь скролит ленту. Для привлечения внимания используем изображение и название мероприятия. Внизу каждой карточки разместили дату, время, место и стоимость мероприятия. Это основная информация, которая нужна участнику, чтобы принять решение о посещении мероприятия.
Если событие заинтересует, пользователь откроет полную карточку по тапу на мероприятие, прочитает подробное описание, добавит событие в календарь по кнопке «Нравится» или купит билет на платное мероприятие.

В ленте кроме стандартных карточек есть подборки событий и горизонтальная лента с анонсами кинотеатров.

Киносеансы мы выделили отдельно, так как это специфический тип событий. Дело в том, что фильмов и киносеансов много, к тому же они идут в нескольких кинотеатрах. Если делать их отдельными событиями, они заполнят всю ленту. События остальных участников просто потерялись бы.
Поэтому мы сделали горизонтальную ленту с анонсами фильмов. По тапу на карточку фильма открывается расписание сеансов и кинотеатры, где можно посмотреть кино.
Информация о киносеансах попадает в приложение благодаря интеграции с Газетой Кемерова, регистрировать вручную их не нужно.

Еще один нестандартный элемент в ленте — подборки событий. Они дополнительно помогают продвигать мероприятия. Подборки бывают двух видов:
— тематические: как провести романтический вечер, куда сходить большой компанией, где провести вечер с семьей;
— привязанные к дате: чем заняться на новогодних каникулах, куда пойти в выходные.

// Разработка фильтров для мероприятий //

Участники мероприятий могут как просматривать все мероприятия, так и персонализировать ленту. Для этого в приложении есть фильтрация по интересам.

В MVP эта функция была неудобная: все категории были реализованы единым длинным списком, который не помещался на один экран. Мы сгруппировали их в подкатегории и представили в виде удобных плашек-кнопок.
Когда пользователь заходит в приложение впервые, приложение предлагает ему выбрать наиболее интересные типы и тематики мероприятий. Самые популярные у пользователей категории вывели наверх для быстрого доступа.

Кроме фильтров по тематикам, которые пользователь задает при первом входе, мы добавили фильтрацию по дате и времени, возрастной категории, стоимости. Для выбора даты и времени предложили сделать кнопки «быстрого выбора»: сегодня, завтра, на выходных. Ведь чаще всего люди ищут, куда пойти в ближайшие дни и не хотят возиться с календарем, вспоминая сегодняшнюю дату.

// Пошаговая регистрация события //

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

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

После заполнения каждого шага приложение автоматически сохраняет информацию.

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

Когда заполнена вся информация, мероприятие либо попадает на модерацию (для новых организаторов), либо сразу публикуется в ленте событий, если организатор уже проверенный.

// Добавляем социальное взаимодействие //

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

Для размещения отзывов изначально предполагали сделать интерфейс добавления комментариев. Но в итоге оставили возможность публиковать материалы в разделе «Блог».

Прочая информация о кейсе

Приложение «ЦифроАрбат» — это городская афиша. Через него жители города узнают о мероприятия, регистрируются и покупают билеты, а организаторы событий размещают анонсы и собирают аудиторию.

Текущая доступность работы

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

Скриншоты