Главное о кейсе
Меняем опыт взаимодействия с городом: приложение «иду» с подбором мест и маршрутов по интересам.
Вместе с нашими партнерами, студией выжла, запустили приложение «иду». MobileUp занимался разработкой, а выжла — дизайном. От нас требовалось подключиться к проекту и помочь с технической реализацией визуальных решений. А самое главное — совместно разработать механизм, который бы безошибочно понимал пользователя.
Как проект изменил жизнь пользователей
«иду» уже пользуются 60 000 человек из которых 35 000 — доля органики и RR — 42,9%.
Активно сотрудничаем с «Золотое яблоко», «Звук», «Ситидрайв», «Самокат», «ЧитайГород» и другими классными брендами, которые высоко оценили прежде всего визуальную составляющую и удобство продукта.
Начали с Москвы, но уже расширили свое присутствие на Санкт-Петербург. В данный момент релизнули десктопную версию и проектируем Android.
Бизнес-задача и ее решение
Разработать лайфстайл-приложение, которое подбирает места, маршруты и развлечения на основе интересов пользователя и подстраивается под его текущие потребности и настроение.
Продукт должен быть максимально простым в использовании, user friendly, учитывать вайб городской жизни и отражать ключевые ценности целевой аудитории (молодые, обеспеченные тусовщики Москвы 25-35 лет, активные юзеры социальных сетей, пользователи iOS). Особое внимание на визуальную составляющую и качество контента, чтобы приложение было не просто инструментом, а красивым гидом и соулмейтом. И главное — разработать механизм, который бы безошибочно понимал пользователя.
В качестве основных ориентиров успешности будущего продукта: не менее 50% органического трафика, высокая виральность контента и RR 40-50%.
Мы создали алгоритм, который анализирует пользовательские предпочтения
При входе в «иду» юзер отмечает, что ему нравится, а что нет. И сообщает, чем бы хотел заняться, например, сходить в бар или погулять. Алгоритм анализирует интересы и подбирает места. В результате происходит мэтч пользовательских ожиданий и параметров заведений. Это та самая магия, которая спрятана под капотом приложения.
Концептуально визуальные решения были на команде из «выжла». Ребята продумали пользовательские сценарии и айдентику приложения. Подготовили нетиповой и при этом понятный дизайн с живыми эмоциональными маскотами.
Мы выступали в роли технических экспертов и ревьюили макеты. Совместно с ребятами из «выжла» обсуждали реализацию фич, анимаций и градиентов. Следили за тем, чтобы дизайн соответствовал требованиям iOS-платформы, а в итоговой версии приложения всё корректно отображалось и работало.
Изначально конечным действием юзера считался переход в «Яндекс Карты», чтобы узнать, как добраться до места. Мы передавали сервису точки, а он строил маршрут. Для упрощения жизни пользователя и увеличения времени, которое он проводит в приложении, мы внедрили встроенный навигатор. После релиза этой фичи собрали все нужные функции в одном окне, и больше не приходится покидать «иду».
Для дальнейшего развития продукта важно понимать, как ведут себя пользователи и посещают ли они предложенные алгоритмом места. Мы реализовали возможность следить за процентом «доходимости» по маршрутам через админ-панель. Даже если юзер придёт на место, когда приложение будет работать в фоновом режиме, мы всё равно узнаем об этом.
Чтобы удостовериться, что всё работает корректно, наши QA-инженеры организовывали тестовые прогулки. Сначала по-настоящему — составляли маршрут из нескольких мест рядом с офисом и отправлялись к ним пешком. А затем делегировали эту задачу Xcode. С помощью эмулятора задавали геолокацию, имитировали хождение и оценивали, насколько корректно передаются данные.
Крафт (мастерство), реализация, технические детали
Сформировали боль пользователя, чтобы выделить ключевые свойства продукта и зашить их в названии и айдентике: «Я не хочу думать куда идти в выходные». Изначально приложение представлялось в виде ленты с редакторскими подборками мест, но боль это не решило бы. Мы предложили исключить муки выбора, фильтры и сортировки. «Хочу просто выбрать занятие, а вы дайте локации» — сначала пользователь тапает на занятие (я иду гулять/выпить/тусить/шопиться и тд.) и после этого в формате дейтинговых приложений «иду» предлагает карточки мест под эти занятия и интересы пользователя. Создали сложный весовой алгоритм, который всегда знает, что предложить.
В «иду» есть баблы, в которых пользователь отмечает свои интересы. Спустя время они могут меняться — предусмотрели и это. При использовании приложения алгоритм корректируется и персонально настраивается. В этом прелесть «иду» — приложение всегда адаптируется под юзера.
Визуально продукт завернули в яркий нетиповой для приложений дизайн. Целевая аудитория проекта — эстеты: любят всё красивое, как будто сошедшее с пинтереста. Такая айдентика и дизайн приложения решали задачу привлечения и удержания пользователя и повышали вероятность того, что им захочется делиться.
Особое место в айдентике занимают «идущие» — иллюстративные персонажи с заставок и коммуникационного дизайна. Они олицетворяют пользователей — эти образы для них и про них. Вместе с клиентом мы каждый сезон собираем свежие луки и стилизуем их под фирменную графику, чтобы сделать приложение более живым и сохранять актуальность моды.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
В «иду» есть баблы, с помощью которых пользователь сообщает, что ему нравится. Он может выбрать один бабл или несколько, например, «винтаж», «винные дегустации» и «искусство». Так алгоритм поймёт, что предлагать.
Дальше юзер отмечает, чем он хочет заняться, например, «поесть» и «погулять». И указывает стартовую точку. Алгоритм подбирает подходящие места поблизости. Чтобы добавить заведение в маршрут, пользователь делает свайп вправо. Если вариант не заинтересовал — влево.
Свайпать пользователь может достаточно быстро. Было важно обеспечить высокую скорость работы бэкенда, чтобы во время листинга ленты не было видно подгрузок, а алгоритм молниеносно находил подходящие локации.
Для более быстрого поиска и подбора мы индексировали все места. А затем выбирали те, что соответствуют интересам и местоположению юзера. Если геопозиция менялась, мы учитывали это — перестраивали маршрут и продолжали искать места поблизости.
Спустя время интересы пользователя могут меняться — предусмотрели и это. Своими действиями пользователь корректирует алгоритмическую систему и настраивает её под себя. Вполне может быть, что на онбординге человек указывает одни интересы, а спустя месяц активного использования приложения они меняются на другие. В этом прелесть «иду» — приложение всегда адаптируется под юзера.
Сделали так, чтобы у пользователя всегда был большой выбор мест. В «иду» мы выполнили дополнительную группировку интересов с помощью тегов. Она объединяет интересы по ассоциативному ряду. Если алгоритм не может подобрать для пользователя места напрямую, он использует дополнительные группы по тегам.
Например, юзер указал всего один интерес «авторская кухня» и бабл «погулять». Но мест, которые были бы связаны баблом «погулять» и интересом «авторская кухня», нет. Тогда мы смотрим, какие интересы в системе связаны тегами с «авторской кухней», и подбираем места.
Реализовали удобную систему поиска: в «иду» мы используем поиск с автодополнением, когда при наборе текста в выпадающем списке показываются похожие результаты. Сложность реализации фичи заключалась в том, что места и гиды (готовые подборки мест от редакторов) предстояло искать и по тегам, и по названию. Чтобы быстро и корректно обрабатывать большое количество информации, развернули специальную поисковую систему Elasticsearch.
«иду» уже пользуются 60к человек из которых 35к — доля органики и RR — 42,9%. Каждый месяц мы добавляем новые фичи. Балансируем между достижением бизнес-целей продукта и упрощением жизни юзеров.
Активно следим за ключевыми метриками приложения. Анализируем действия пользователей — как они собирают маршруты и доходят ли до конечной точки. Например, конверсия основной воронки от установки до открытия маршрута составляет 22%. TimeSpent — 8 минут. За это время человек как раз успевает совершить целевое действие и составить маршрут с крутыми местами по интересам.
Скриншоты