приложение для бренда велоаксессуаров

Велокомпьютер с Bluetooth-датчиками — аналог SuperCycle

Бренд велоаксессуаров продаёт на Ozon, Wildberries и за рубежом. Основатель захотел, чтобы покупатель оставался с брендом и после покупки.

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

Дизайн на 365 экранов в тёмной и светлой теме тоже рисовали мы. От первого созвона до приложения в App Store и Google Play прошло 3,5 месяца.

Обсудить похожий проект
Приложение-велокомпьютер: проверка датчиков, отсчёт до старта, GPS-трек на карте со скоростью, пульсом и каденсом
От созвона до сторов
3,5 месяца
Бренд основателя
в каждой поездке
Датчики по Bluetooth
скорость, пульс, каденс
Покупка
на Ozon и WB
Вид проекта
  • Мобильное приложение
  • iOS
  • Android
  • Веб-панель
Технологии
  • Kotlin
  • Swift
  • Go
  • Kafka
  • PostgreSQL
  • TimescaleDB
  • Yandex Cloud
Интеграции
  • Google Fit
  • Apple HealthKit
  • Ozon
  • Wildberries
Сторы
  • App Store
  • Google Play
01 · Проблема

Почему покупатель с Ozon и Wildberries не возвращается к бренду

На маркетплейсе одни и те же фонари, датчики и крепления продают десятки продавцов.

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

Скидкой или рассылкой на маркетплейсе покупателя почти не удержать.

Зато каждый день велосипедисту нужно

  • Записать поездку
  • Посмотреть скорость и пульс
  • Проследить пробег велосипеда

Для этого он открывает чужое приложение, где бренда нет.

02 · Решение

Решение: свой велокомпьютер, как SuperCycle, только от бренда

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

За образец взяли SuperCycle, популярный велокомпьютер с поддержкой Bluetooth-датчиков. Сверху добавили то, что нужно бренду: баннеры на главной и переход в его магазины на Ozon и Wildberries.

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

03 · До старта

Что мы предложили до старта: посчитали рекламу и отказались от каталога

На первом созвоне мы посчитали экономику рекламы.

Аудитория узкая, продвинутые велосипедисты, и установка обходится примерно в 100 ₽. При скромной конверсии одна продажа на маркетплейсе выходит около 2 000 ₽, ещё до комиссии и себестоимости. С этими цифрами основатель сразу сделал ставку на приложение как на часть бренда и не стал ждать от него прямых продаж.

Каталог товаров в приложении мы предложили не делать: ассортимент меняется редко, а покупать всё равно удобнее на маркетплейсе. Витрину и админку товаров заменили ссылки на магазины бренда на Ozon и Wildberries, а веб-панель осталась только для статей и баннеров. Дорогую аналитику в админке строить не стали. Поездки хранятся в базе, и для будущего анализа, в том числе нейросетью, их можно выгрузить целиком.

04 · Приложение

Как устроен велокомпьютер бренда: анкета, вход по SMS и Google Fit

Сначала приложение знакомится с пользователем и спрашивает пол, вес и рост.

  • Вход по номеру телефона и коду из SMS.
  • Данные о здоровье синхронизируются с Google Fit и «Здоровьем» на iPhone.
  • В профиле этот раздел включается и отключается отдельно.
Онбординг велокомпьютера: приветственный слайд и анкета с полом, весом и ростом в тёмной теме приложения
Анкета

Анкета: пол, вес и рост для расчёта калорий

Вместе со скоростью из пола, веса и роста считаются калории, как в спортивных велокомпьютерах.

Гараж и датчики

Гараж велосипедов и подключение Bluetooth-датчиков

У велосипедистов датчики разных марок, и каждый подключается по-своему. Поэтому у каждого велосипеда в приложении своя карточка в гараже: модель, тип, вес, диаметр колеса, начальный одометр. К карточке привязаны свои датчики скорости, пульса и каденса. Их ищут и сопрягают с телефоном по Bluetooth прямо оттуда.

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

Велокомпьютер для телефона: добавление велосипеда, поиск и сопряжение Bluetooth-датчика скорости, датчик в гараже
  1. 01 / 03Поездка

    Запись поездки по GPS с живыми данными датчиков

    В поездке телефон пишет GPS-трек и одновременно принимает данные с нескольких датчиков. Потерять нельзя ни секунды. Перед стартом приложение проверяет, все ли датчики на связи. На экране поездки рядом с картой видны скорость, пульс, каденс, дистанция, высота и калории.

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

    Приложение-велокомпьютер: проверка датчиков, отсчёт до старта, GPS-трек на карте со скоростью, пульсом и каденсом
  2. 02 / 03Цели

    Цели на поездку: километры, время, калории

    С цифрой перед глазами тренироваться проще. Велосипедист ставит цель по дистанции, времени или калориям и в поездке видит по полосе прогресса, сколько осталось.

    Цель на поездку 5 км в велокомпьютере: полоса прогресса заполняется, приходит уведомление «Цель достигнута»
  3. 03 / 03Предупреждения

    Предупреждения о потере GPS и отключении датчика

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

    Если датчик долго не находится, приложение подсказывает, что проверить. Уведомления поездки можно отключить целиком.

    Велокомпьютер предупреждает о потере GPS-сигнала и отключении датчика и напоминает о времени и расстоянии поездки
Бесплатный созвон

Тоже продаёте на маркетплейсах?

Хотите, чтобы покупатели возвращались именно к вам? Расскажите про свой бренд на бесплатном созвоне, и вместе прикинем первую версию приложения.

05 · Технологии

Почему велокомпьютер нельзя собрать на конструкторе

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

Он часами держит включёнными GPS, Bluetooth и экран, часто на солнце и на старом Android, который греется и без нагрузки. Поэтому мы сделали приложение нативным: на Kotlin для Android и на Swift для iOS. Так оно работает с Bluetooth и геолокацией телефона напрямую, без лишних прослоек.

Над чем работали

  • Датчики разных марокДатчики скорости, каденса и пульса подключаются по стандартным Bluetooth-профилям, поэтому приложение работает с любым датчиком, который их поддерживает, например Cycplus, Wahoo, Garmin или Magene. Поиск, сопряжение, потерю связи и переподключение мы отработали для каждого датчика отдельно.
  • Работа в фонеЗапись идёт с погасшим или заблокированным экраном и когда велосипедист переключается на другое приложение. Система не «усыпляет» поездку посреди гонки.
  • Нагрузка на телефонДатчики шлют данные несколько раз в секунду, а экран перерисовывается реже. GPS приложение опрашивает с той частотой, которой хватает для точного трека. Телефон меньше греется и дольше держит заряд.
  • Ни одной потерянной точкиПоездка сначала записывается на телефон и уходит на сервер пачками, поэтому обрыв связи в лесу или в горах трек не ломает. На сервере поток принимает сервис на Go, очередь Kafka сглаживает пики, а точки треков хранятся в PostgreSQL с TimescaleDB в Yandex Cloud.

Для долгих поездок в настройках экрана есть режим экономии батареи.

06 · История поездок

История поездок и тренировочная статистика

После поездки велосипедист хочет разобрать её подробно и перенести маршрут в другое приложение или в навигатор.

Детали и GPX

Детали поездки и экспорт маршрута в GPX

В деталях есть маршрут на карте, средняя и максимальная скорость, высота, темп, время паузы, средний пульс и каденс.

Маршрут экспортируется и импортируется в GPX, этот формат понимают Strava, Komoot и большинство GPS-навигаторов.

Поездку можно удалить или отправить в мессенджер.

Детали поездки в велокомпьютере: маршрут, скорость, высота, пульс и каденс, экспорт и импорт трека в GPX
Статистика и зоны

Статистика за неделю, месяц, год и зоны по пульсу

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

Результатами за день можно поделиться.

Статистика велосипедиста за неделю и год и настройка тренировочной зоны пульса ползунком по возрасту
07 · Две темы

Тёмная и светлая тема для гонок днём и ночью

Велогонки идут в любое время суток.

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

Переключение темы велокомпьютера: экран поездки, главная и карта перекрашиваются из чёрной темы в светлую
Темы

Переключение темы и единиц измерения в настройках

Единицы измерения переключаются в настройках.

08 · Главная

Главная: баннеры бренда и переход в магазины на Ozon и Wildberries

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

С главной и из раздела «Помощь» можно написать в Telegram-чат поддержки бренда. В «Помощи» же лежат статьи от бренда.

Баннеры и магазины

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

На главной крутятся баннеры бренда со сменяющимися слайдами и календарь со статистикой за любой день. Из профиля велосипедист в одно касание попадает в магазины бренда на Ozon и Wildberries.

Главная приложения бренда велоаксессуаров: баннеры, календарь со статистикой и переход в магазин на Ozon
09 · Веб-панель

Веб-панель бренда: статьи и баннеры без программиста

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

В веб-панели сотрудник

  • Создаёт статьи для раздела «Помощь»: название, обложка, текст.
  • Редактирует статьи, убирает их в архив, публикует снова или удаляет.
  • Добавляет баннеры для главной с названием и картинкой, публикует, редактирует и удаляет их.

Сотрудники входят по email и паролю. Доступ каждому новому сотруднику открывают вручную, так что посторонний в панель не попадёт.

10 · Дизайн

Дизайн велокомпьютера: 365 экранов в двух темах

Макет от прежних дизайнеров мы доделали и переработали по правкам основателя.

Переделали виджет статистики, сделали тёмную тему чёрной и прорисовали все граничные состояния, от пустого гаража до потери GPS. Всего получилось 365 экранов, каждый в тёмной и светлой теме.

Что нарисовали: задачи основателя и наши решения

11 · Продвижение

Продвижение приложения через упаковку товара

Главный канал у бренда уже есть: его товары.

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

12 · Развитие

Развитие после запуска: маршруты, износ компонентов, датчики мощности

Велокомпьютер вышел в App Store и Google Play и с тех пор обновляется.

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

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

13 · Поддержка

Поддержка приложения после запуска

После запуска мы остаёмся на связи.

  • Ошибки, которых не должно быть по ТЗ, исправляем бесплатно.
  • Это пожизненная гарантия, потому что каждую версию мы тщательно тестируем.
  • Новые функции обсуждаем на созвоне, описываем в новом ТЗ и делаем следующим этапом.
14 · Результат

Результат: у бренда велоаксессуаров — свой велокомпьютер

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

Бренд с этого момента у него на экране.

  • Велокомпьютер с Bluetooth-датчиками, записью поездок в фоне, целями, статистикой и тренировочными зонами.
  • Две темы и прямой переход в магазины бренда на Ozon и Wildberries.
  • Веб-панель для статей и баннеров и дизайн на 365 экранов.
  • Покупатель находит вкладыш в упаковке и ставит приложение, которое пригодится ему в каждой поездке.
Доступно на 2 площадках

Посмотреть приложение

Велокомпьютер вышел в App Store и Google Play.

Бесплатный созвон

Хотите своё приложение для бренда или интернет-магазина?

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

Обсудить проект

AppBusters

Что будет после заявки

  1. Перезвоним и уточним задачу0 ₽в течение рабочего дня · Договоримся о времени созвона.
  2. Созвон на 30 минут0 ₽на следующий день · Разберём идею и покажем похожие кейсы.
  3. Оценка сроков и бюджета0 ₽через 2 дня · Пришлём план первой версии.

Итого0 ₽

FAQ