Happens — соцсеть с элементами ГИС, которая подскажет, куда сходить на выходных

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

Что нужно было сделать:

— Разработать и запустить мобильное приложение новостной развлекательной соцсети с возможностью монетизации;

— Продвинуть стартап до таких масштабных проектов, как ВКонтакте, Telegram и Instagram*

*Meta признана экстремистской организацией в России

Happens — это наш собственный стартап, его прямые заказчики — мы сами, и мы же исполнители.

Что было сделано в рамках стартапа студии:

— Подготовили техническое задание для разработки, описали функционал и характеристики будущего приложения;

— Составили видение продукта, проработали пользовательские истории (User Story);

— Реализовали функционал создания 3-х типов событий: мероприятий, постов и новостей;

— Сделали ленту новостей;

— Сделали чаты с друзьями и другими пользователями приложения;

— Реализовали возможность публиковать истории, ставить лайки, управлять подписками и добавлять контент в «Избранное»‎;

— Настроили приватность контента;

— Интегрировали сервис с SMS.RU, Google, ВКонтакте для регистрации и авторизации;

— Провели интеграцию с Яндекс Картами, настроили отображение событий и историй на карте;

— Реализовали поиск событий, постов и пользователей через Elasticsearch;

— Создали административную панель;

— Разработали личный профиль пользователя;

— Настроили уведомления через технологию веб-сокетов;

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

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

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

— Концерты, городские праздники, фестивали, выставки;

— Соревнования, олимпиады;

— Семинары, тренинги;

— Конференции, форумы, ярмарки;

— Пресс-конференции, пресс-туры.

Все события отображаются на карте пинами.

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

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

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

Мы детально исследовали предложения конкурентов, проанализировали целевую аудиторию, провели фокус-группы, соцопросы и SWOT-анализ.

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

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

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

Для разработки выбрали PHP, MySQL 8, Laravel, Docker, Node JS, Dart, Flutter, MobX, Firebase и WebRTC. Flutter идеален для создания кроссплатформенных мобильных решений — одна кодовая база работает и на Android, и на iOS. Это экономит время и деньги, особенно при разработке интерфейсов.

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

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

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

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

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

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

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

«Так зачем изобретать велосипед, если ресурс можно пустить на разработку уникальных функций и кастомизацию?» — подумали мы.

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

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

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

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

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

Сейчас наша площадка помогает организаторам продвигать мероприятия, а жителям города — следить за актуальными событиями. Приложение можно скачать в App Store и Google Play.