Happens — новостная развлекательная социальная сеть

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

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

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

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

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

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

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

Перевод

We have developed a mobile app that combines the services of classic social networks, GIS, and event aggregators. In the app you can not only create posts, view stories and chat with friends, but also see all the events happening in your city.

Events are displayed on the map with pins. By opening the app, users can see upcoming concerts, holidays, festivals, olympiads, forums, and fairs.

For event organizers, our platform serves as excellent advertising, while for city residents, it offers a way to stay up-to-date on events.

Our direct competitors include 2GIS, Yandex Afisha, VKontakte, Telegram, and Snapchat. Indirect competitors are Reddit, Eventbrite, TripAdvisor, and Pikabu. However, no one else offers the functionality of a classic social network with GIS elements. We are the first ones to come up with and implement this idea.

2GIS lacks a recommendation system, and users won’t stay there like they might on Afisha. To make users perceive our product as we intend, it's crucial to engage them with interesting content.

We offer various ways to keep users informed: interest-based recommendations, location-based targeting, and posts and stories from friends.

Как проект изменил жизнь пользователей

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

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

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

Перевод

We created a platform for people who want to share their lives through the geography of their movements and travels.

Rather than focusing on a global audience, we’ve concentrated on local communities, where the smallest unit is a specific house, neighborhood, city, region, or country. This concept has helped create a close community where people not only interact but also maintain connections on a local level.

Our platform helps event organizers promote their activities, while city residents can stay informed about current events.

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

Требовалось:

• Разработать и запустить мобильное приложение новостной развлекательной соцсети с возможностью монетизации
• Продвинуть стартап до таких масштабных проектов, как ВКонтакте, Telegram и Instagram*

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

Перевод

The task was to:

• Develop and launch a mobile news and entertainment social network app with monetization capabilities.
• Promote the startup to the level of first-tier projects such as VKontakte, Telegram, and Instagram*.

*Meta is recognized as an extremist organization in Russia.

Крафт (мастерство), реализация, технические детали

• Технологический стек: PHP, MySQL 8, Laravel, Docker, Node JS, Dart, Flutter, MobX, Firebase, WebRTC.

Контент в Happens можно фильтровать по типу записи и по темам, например:

— Концерты, городские праздники, фестивали, выставки;
— Соревнования, олимпиады;
— Семинары, тренинги;
— Конференции, форумы, ярмарки;
— Пресс-конференции, пресс-туры.

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

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

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

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

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

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

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

Перевод

Technological Stack: PHP, MySQL 8, Laravel, Docker, Node JS, Dart, Flutter, MobX, Firebase, WebRTC.

Content in Happens can be filtered by type and theme, such as:

— Concerts, city festivals, exhibitions;
— Competitions, olympiads;
— Seminars, training sessions;
— Conferences, forums, fairs;
— Press conferences, press tours.

Thanks to integration with Yandex Maps, the app has no geographical limitations. Events can be created and viewed in any city or country.

The app’s interface is designed to be as intuitive as possible. During development, we focused on user patterns, analyzing the target audience and competitors beforehand: the logo, search button, and notifications are placed at the top; the tab bar is on the left; the burger menu at the bottom, and the main content area is in the center.

While major market players prefer blue and blue tones, we chose to focus on green and yellow. Green became the primary color, while yellow is used as an accent. Both colors are associated with calmness, safety, and friendliness. To emphasize softness, we used rounded corners in the interface elements.

We set up integrations with SMS.RU, Google, and VKontakte for registration and authorization. For precise location data on the map, we integrated DaData.

For content moderation, we developed an admin panel, where unlimited roles can be set, and user complaints can be managed. We used the Laravel Nova administrative panel, an official product from the Laravel team. Thanks to its active community, Nova now has a library that allows displaying Yandex Maps even in the admin panel, which is extremely convenient.

We developed a filtering system to control what content is shown in search, the feed, and on the map. To improve user experience, we implemented dynamic pin sizes. If a post remains on the map for too long without likes or comments, its pin size decreases. This ensures that news stays relevant.

Events are handled with a different principle. If an event displayed on the map is scheduled to take place in six months, its pin grows larger to attract attention. As time passes, it shrinks, but a few days before the event, it increases again. This process is automated with a special algorithm, developed by us.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

• Подготовили техническое задание для разработки, описали функционал и характеристики будущего приложения;
• Составили видение продукта, проработали пользовательские истории (User Story);
• Реализовали функционал создания 3-х типов событий: мероприятий, постов и новостей;
• Сделали ленту новостей;
• Сделали чаты с друзьями и другими пользователями приложения;
• Реализовали возможность публиковать истории, ставить лайки, управлять подписками и сохранять контент‎;
• Настроили приватность контента;
• Интегрировали сервис с SMS.RU, Google, ВКонтакте для регистрации и авторизации;
• Провели интеграцию с Яндекс Картами, настроили отображение событий и историй на карте;
• Реализовали поиск событий, постов и пользователей через Elasticsearch;
• Создали административную панель;
• Разработали личный профиль пользователя;
• Настроили уведомления через технологию веб-сокетов;
• Разработали маркетинговую стратегию, провели отраслевой бенчмаркинг и запустили соцопросы.

Перевод

This is our own startup, with us being both the direct clients and the developers. By understanding the needs and tasks from the inside, we were able to focus on the essential features and create a product that aligns with our vision of the ideal service.

What was done:

• Prepared the technical specification for development, describing the functionality and features of the future app;
• Developed the product vision and worked on user stories;
• Implemented the functionality for creating three types of events: activities, posts, and news;
• Created a news feed;
• Developed chat functionality with friends and other app users;
• Enabled users to post stories, like content, manage subscriptions, and add content to “Favorites”;
• Configured content privacy settings;
• Integrated with SMS.RU, Google, and VKontakte for registration and authorization;
• Integrated Yandex Maps, configured events and stories display on the map;
• Implemented event, post, and user search through Elasticsearch;
• Created an admin panel;
• Developed user profiles;
• Set up notifications using WebSocket technology;
• Developed a marketing strategy, conducted industry benchmarking, and launched social surveys.

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

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

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

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

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

С недавнего времени эту идею мы упаковали в собственный продукт — MØDUL, начав применять его и на коммерческих проектах студии.

Перевод

We developed a unique news and entertainment social network that combines the services of classic social networks, GIS, and event aggregators. Instead of targeting a global audience, we focused on local communities, connecting people at the level of their city, neighborhood, and even home.

As this is a startup from our studio, we aimed to launch the MVP as quickly as possible, with a minimal budget and the potential for future scalability. That’s why we chose a modular development approach.

Modular development allows us to create the product faster and cheaper, cutting costs by half through reusable templates that can be carried from project to project almost unchanged — such as registration, authorization, catalogs, user profiles, shopping carts, order forms, reviews, and more. These features are common in nearly every app and are considered standard. However, developing them still requires resources.

"So why reinvent the wheel when we can allocate resources to developing unique features and customization?" — we thought.
Later, we packaged this idea into our own product, MØDUL, which we began using in our studio's commercial projects.

Скриншоты