Happens Приложение-соцсеть с элементами ГИС

Наши прямые конкуренты — известные мастодонты рынка: ВКонтакте, Telegram, Snapchat и другие, косвенные — Reddit, Eventbrite, TripAdvisor и Pikabu. Но так как наш продукт в первую очередь агрегатор событий, то проанализировали еще и 2ГИС и Яндекс Афишу.

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

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

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

В 2ГИС нет рекомендательной системы, и зависать там, как и на Афишах, ты не будешь. Нам же нужно вовлечь аудиторию интересным контентом.

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

Закономерный вопрос — а что с монетизацией? Она будет, вариантов ее реализации множество, но сперва нужно привести определенное количество пользователей, чтобы начать с них зарабатывать. Это планы на перспективу.

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

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

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

Для разработки выбрали Flutter — фреймворк, обеспечивающий высокую производительность приложений. Он идеален для создания кроссплатформенных мобильных решений — одна кодовая база работает и на Android, и на iOS. Это экономит время и деньги, особенно при разработке интерфейсов.

Настроили интеграции с SMS.RU, Google и ВКонтакте для регистрации и авторизации. И с DaData для получения точных координат на карте.

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

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

Админпанель сделана на технологии Nova, это официальный продукт от команды Laravel. Благодаря ее активному комьюнити, у Nova теперь есть библиотека, которая позволяет выводить Яндекс Карты даже в административной панели, что максимально удобно.

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

Разработали систему фильтрации. Можно выбирать, какой контент будет выводиться в поиске, отображаться в ленте и на карте.

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

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

Работу проверяли на нескольких версиях Android и iOS, бэкенд тестировали через популярный инструмент для проверки API — Postman. Оценивали бесперебойность на всех этапах, что в разы эффективнее, чем тестирование функционала только после полной разработки. Благодаря этому нашли и исправили несколько багов еще до релиза.

Несмотря на наш семилетний опыт работы с Socket.IO, в чатах возникали сбои — при переходе по пуш-уведомлениям пользователей выбрасывало из приложения из-за истечения срока действия токенов. Для исправления этой проблемы мы внесли изменения в код фронтенда, чтобы JSON Web Token обновлялся сразу после открытия приложения, но до того, как на бэкенд будет послан запрос на чат.

Реализовали систему блокировки пользователя. Вначале было так — если заблокировать чат с пользователем, то общаться с ним уже нельзя, но можно видеть его обновления. После релиза внедрили блокировку профиля — ты блокируешь человека, чтобы не видеть его обновлений, но можешь продолжать с ним общаться. Эти вариации должны были стать одной из фишек Happens, но оказалось, что это неудобно, поэтому дошли до того, что если блокируется пользователь, то блокируется и возможность общаться с ним.

Еще на проекте был баг, который потом перерос в фичу: по стандарту пользователи не могут поставить гифки на аватарки — они должны быть статичными, чтобы не нагружать Flutter. Если каждый начнет ставить анимированные аватары, устройства будут тормозить. Но в админпанели ограничений нет — мы их просто не задавали. Решили оставить как есть. В будущем может пригодиться, например, для Premium-подписки, а сейчас это не мешает.

Мы разработали уникальную новостную развлекательную соцсеть, которая сочетает в себе сервисы классических соцсетей, ГИС и агрегаторов событий. Сделали ставку не на глобальную аудиторию, а на локальные сообщества, где минимальная ячейка общества — это конкретный дом, затем район, город, регион и страна.

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

*принадлежит Meta, которая признана экстремистской и запрещена в России

• Ярослав П — аналитик

• Дмитрий А — фронтенд

• Алексей Г — бэкенд

• Александр С — бэкенд