Приложение для VK Fest: два месяца разработки и первые места в сторах

По опыту прошлых лет мы понимали, что приложением будут пользоваться десятки тысяч людей одновременно. А значит, впереди пиковые нагрузки, к которым нужно подготовиться. Предстояло добиться стабильной работы без интернета. Для этого упаковали весь контент приложения (кроме картинок) всего в 130 Кб. Это в 20 раз меньше обычной фотографии в iPhone! Чтобы дополнительно защититься от больших нагрузок и повысить стабильность, мы спрятали сервер за CloudFlare. Это существенно уменьшило и без того оптимизированную нагрузку и добавило уверенности, что все будет работать как надо.

Еще один вызов — время. Проект предстояло завершить в сжатые сроки. Чтобы уложиться в дедлайны, мы решили использовать некоторые компоненты прошлой версии приложения. Это позволило выиграть больше времени на разработку и тестирование. Весь проект реализовали на Flutter: кодовая база адаптировалась сразу под iOS и Android. Использование такого стека, по нашему опыту, экономит до 30% времени от этапа разработки, и столько же — на этапе работы с интерфейсами (UI часть).

Дизайн тоже был на нашей стороне. На этапе UX-разработки продумали весь путь пользователя от контакта с первыми экранами приложения и до выполнения целевых действий. Сформировали структуру экранов и прописали бизнес-логику для всех user flow. После проектирования приступили к работе над визуальной составляющей. Мы органично вписали фирменный стиль VK Fest во все экраны приложения — сделали его таким же ярким и узнаваемым, как и сам фестиваль.

Отдельная задача — сделать приложение максимально простым и интуитивно понятным. Представим: до концерта любимого певца ровно минута. На фестивале 4 сцены, все они в разных местах. Значит, примерно за 15 секунд и два тапа пользователь в состоянии стресса должен понять, где в приложениии спрятана нужная информация. За оставшиеся 45 секунд добежать до сцены и непременно успеть. 

Чтобы и такой пользовательский путь стал реальностью, вынесли самые важные разделы в тапбар. Так, в “Картах” отображается подробная схема фестивального пространства со всеми тематическими зонами и брендами. Карта синхронизируется с “Избранным” — соответствующий фильтр позволяет оставить только те объекты, которые пользователь заранее для себя отметил. 

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

Кстати, этот раздел мы протестировали лично на фестивале в Петербурге. Выполнили 9 заданий из квеста «Юмор». Но когда до приза осталось всего 3 уровня, удача от нас отвернулась. 

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

Во-первых, все события поделили по группам и отобразили в разделе «Главное». В каждом из них собрали полную информацию о мероприятиях. Например, в «Музыке» хранится расписание концертов — здесь можно посмотреть график выступлений по дням или по видам сцен.

Понравившееся событие можно добавить в раздел «Избранное» — достаточного одного тапа по сердечку. Там все концерты, мастер-классы и лекции автоматически сортируются по времени и дням. Перед каждым событием пользователи получали пуш-уведомления, чтобы ничего не пропустить. 

У нас получилось систематизировать все многообразие активностей. Приложение вышло удобным и понятным, а еще оно упростило фестивальную жизнь сотням тысяч людей. Вот, что рассказала нам одна из участниц VK Fest в Петербурге, Юлия Пропп: «Приложение ваше здорово помогает ориентироваться и планировать — можно мероприятия в телефоне смотреть, не надо программки скачивать. Я вот пока в очереди за едой стояла, изучила приложение вдоль и поперек и увидела, что на фестиваль привезли робопса. Сейчас поем и пойду его гладить».

В лучших традициях Agile, заказчик с первых недель регулярно получал демо-версии и видел прогресс по приложению. Команда VK всегда была на связи — мы вместе обсуждали все детали продукта и любые изменения. Поэтому разработка шла слаженно, по плану и без неприятных сюрпризов. Приложение сдали точно в срок, а в июле сами пошли отдыхать на VK Fest и даже написали об этом репортаж. Было приятно видеть, как люди вокруг не выпускали наше приложение из рук.