Устроили движ: история запуска приложения Buzz для поиска и организации локальных ивентов

К нам обратился Мэтт, стартапер из США. Он хотел запустить приложение, в котором пользователи из небольших американских городов могут находить интересные мероприятия в своей локации. Также в приложении можно организовать любой ивент и пригласить на него друзей, либо сделать событие открытым для широкого круга людей.

Целевая аудитория: молодые люди не из мегаполисов, которые ведут насыщенную социальную жизнь, но не успевают следить за всеми интересными мероприятиями или не знают, где найти классный ивент.

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

В рамках проекта нам предстояло:

- Создать UI/UX-дизайн и айдентику: придумать логотип, подобрать фирменные цвета и шрифты

- Разработать MVP с ключевыми фичами

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

Про последний пункт расскажем подробнее :)

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

Решение нашли за счет оптимизации:

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

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

- Частично переиспользовали UI-kit, что сократило время на верстку фронтенда.

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

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

Например, так выглядит сайт TickerMaster — крупный американский сайт для поиска и покупки билетов. Заказчик хотел, чтобы Buzz выделялся на фоне конкурентов:

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

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

В основе метафоры приложения две идеи: вайб вечеринки и визуальный код эпохи MTV. Лучше всего это отражают мудборды — яркие, наполненные игривым и веселым настроением.

В палитре Buzz использовали яркие цвета. В качестве основных взяли лаймовый, желтый и красный, для акцентов выбрали оттенки фиолетового, белый и оранжевый. Эти цвета эффектно смотрятся в темной теме и вызывают ассоциации с вечеринками: 

Для типографики взяли шрифтовую пару Black LT и Monrope. Акцентный Black LT подчеркивает важные элементы интерфейса, а начертания Monrope делают текст легким для восприятия, что улучшает пользовательский опыт.

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

Примеры Crispy Doodles из презентации дизайн-концепта:

Этот стиль часто используют в UX/UI-дизайне, например, в онбординге или пустых состояниях, чтобы сделать интерфейс более дружелюбным. Вот так они выглядят в приложении Buzz.

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

В начертании лого заложена стилизованная иллюстрация чата: логотип словно складывается из двух иконок чата, образуя букву B:

Для начертания логотипа могут быть использованы фирменные цвета приложения. 

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

Страницы из гайдбука:

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

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

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

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

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

В приложении доступны такие функции:

- регистрация и создание профиля;

- создание и шеринг ивента;

- лента событий;

- индивидуальные и групповые чаты.

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

Чтобы создавать открытые ивенты, хост должен верифицировать свой аккаунт — это дает дополнительные преимущества.

Одна из ключевых фич приложения — лента событий. Для точных рекомендаций нужно разрешить Buzz доступ к местоположению.

Так выглядит пользовательская лента событий:

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

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

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

Страница с только что созданным открытым ивентом:

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

Можно выбрать всех друзей или только некоторых из списка:

Пользователь может поделиться интересным ивентом с друзьями — в чате приложения или через внешние мессенджеры.

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