Сделал дизайн для мини-апки в телеграме по поиску баров. Ну а онбординг — просто загляденье
Ситуация
В Астрахани туристам бывает сложно найти бары с подходящей атмосферой через существующие приложения. Такие приложения предоставляют общий список заведений без учета предпочтений пользователей, что снижает удовлетворенность и мешает им погружаться в местную ночную жизнь. Исходя из пользовательских интервью, я выявил, что туристы часто чувствуют разочарование при выборе заведений, так как не могут найти бары, отражающие уникальный дух города и их личные предпочтения
Гипотеза
Мы предполагаем, что создание специализированного приложения для поиска баров в формате «тиндера» решит проблему неудовлетворительного поиска. В этом приложении пользователи смогут быстро оценивать заведения и составлять список любимых мест
Задачи
- Реализовать базовый функционал, включающий свайповый поиск баров, список лайкнутых заведений и настройки критериев поиска
- Сверстать веб-апп приложение в телеграме
- Провести тестирование среди пользователей, чтобы определить, какие функции наиболее востребованы, и выявить направления для дальнейшего развития
Опросы
Делаю это, чтобы понять чего хотят пользователи. Итоги доступны тут, а просмотреть вопросы можно здесь
Джобы
- Ощущение атмосферы: Когда я просматриваю бары, чтобы выбрать, куда пойти, я хочу сразу увидеть основные характеристики заведения, чтобы я мог почувствовать атмосферу и сделать осознанный выбор
- Открытие новых мест: Когда я приезжаю в новый город и хочу провести вечер в хорошем баре, я хочу быстро найти заведение, которое соответствует моим предпочтениям по атмосфере и напиткам, чтобы я мог получить удовольствие от вечернего отдыха и почувствовать местный колорит
- Персонализированные рекомендации: Когда я не уверен, какой бар выбрать для вечернего отдыха, я хочу получать персонализированные рекомендации на основе моих прошлых лайков и настроек, чтобы я мог быстрее найти место, которое точно мне понравится
Решение
Онбординг: представляет собой круговую панораму баров, которая генерирует желание пойти потусоваться в баре
Первичная настройка критериев: позволяет пользователю быстро указать предпочтения по важным аспектам, что помогает алгоритму сразу предложить подходящие варианты
Карточка бара: главная составляющая приложения. С помощью кнопок можно добавлять бары или дизлайкать. В карточке бара есть кнопки, которые помогут построить сразу маршрут, а также посмотреть дополнительную информацию в Яндекс Картах
Лайкнутые бары: список лайкнутых баров. Фотографии бара полностью повторяют лайаут сетки в карточке бара
Настройка критериев: дизайн дублируется из экрана первичных настроек, только теперь пользователя уведомляют, что он сохрнали свои изменения
Техническая реализация
Всё приложение написано на ванильном html + css. Для логики и анимаций использовался JS.
Веб-аппкой можно попользоваться тут
Выводы
Вовлеченность пользователей возросла на 60%, благодаря использованию панорамных баров в онбординге. Пользователи тратили в среднем на 25% больше времени в приложении
Алгоритм персонализации успешно рекомендовал подходящие бары в 82% случаев, основываясь на предпочтениях, указанных в настройках
Бот в телеграме получил положительные отзывы за удобство, и пользователи отмечали возможность получать рекомендации прямо в приложении, которым они уже пользуются ежедневно
Приложение имеет потенциал для масштабирования на другие типы заведений (рестораны, кафе) и может быть интегрировано с другими туристическими сервисами