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

11

Часто заказчики приходят к нам только с идеей приложения, без готового дизайна и айдентики. Мы помогаем воплотить все в комплексное решение. Так было и с американским стартапом Buzz — приложением для организации ивентов.

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

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

Разрабатываем «движ»

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

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

Когда мы только обсуждали идею проекта, заказчику понравилась наша вовлеченность — мы сразу постарались собрать максимум контекста, чтобы сделать более точную оценку проекта. Обсудили с клиентом, каким он видит будущее продукта и как планирует его развивать. И случился мэтч 🔥

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

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

Заказчик пришел именно за разработкой MVP: он понимал, что сначала нужно выпустить продукт с кор-фичами, а затем, после выхода на рынок, получить фидбек от пользователей и улучшить приложение. 

Оно получило название Buzz. У этого слова много значений, но лучше всего перевести его как «движ» 🙂 

Наши задачи

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

• • Создать UI/UX-дизайн и айдентику: придумать логотип, подобрать фирменные цвета и шрифты.
  • Разработать MVP с ключевыми фичами.
  • Уложиться в ограниченный бюджет, при этом не жертвуя функциональностью.

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

💰 Как мы решили задачу с бюджетом

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

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

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

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

Флоу приложения

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

• • регистрация и создание профиля;
  • создание и шеринг ивента;
  • лента событий;
  • индивидуальные и групповые чаты.

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

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

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

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

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

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

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

Объединяем эстетику MTV и вайб праздника

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработка решения

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

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

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

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

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

Результат 

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

Заказчик остался полностью доволен результатом и сотрудничеством с нашей командой. Передаем ему слово!

Краткая текстовая выжимка — если нет времени смотреть видео:

➡️ Помогаем стартапам быстро выводить продукты на рынок. Делаем MVP с фокусом на задачи пользователей, удобный и эстетичный дизайн и масштабируемость инфраструктуры. Погрузимся в контекст вашей задачи, подберем лучшее техническое решение, поможем определиться с фичами. А если нужно — до старта разработки проведем product discovery анализ и точно определим, как ваш продукт закроет боли целевой аудитории. И тем самым повысим шансы на успех.

Есть задача? Свяжитесь с нами. Мы прикинем сроки, бюджет, пропишем дорожную карту проекта.

Почему Purrweb

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

Более 10 лет опыта. Мы создаем IT-продукты для бизнеса и стартапов уже больше десяти лет. Реализовали 550+ проектов в самых разных сферах: IoT, EdTech, маркетплейсы, дейтинг-приложения и многое другое.  

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

[wpim]