Задача
Создать интерфейс мобильного приложения для покупки белетов в разных городах России. Приложение должно работать на Android и iOS, включать каталог событий, возможность покупки билетов и личный кабинет пользователя.
Ключевое ограничение — сроки. Клиент обратился в октябре, а релиз планировался уже к концу зимы, в преддверии пикового сезона мероприятий.
Ключевое ограничение — сроки. Клиент обратился в октябре, а релиз планировался уже к концу зимы, в преддверии пикового сезона мероприятий.
Решение
На старте проекта мы провели кабинетные UX-исследования, чтобы разобраться в контексте задачи, понять потребности целевой аудитории и оценить лучшие практики в сфере информационных сервисов и покупки билетов. Это помогло: систематизировать возможные сценарии использования и сформулировать пользовательские ожидания.
На основе этих данных мы помогли заказчику определиться с направлением продукта, сузив фокус до наиболее перспективных пользовательских сценариев.
На основе этих данных мы помогли заказчику определиться с направлением продукта, сузив фокус до наиболее перспективных пользовательских сценариев.
Результат
МVP версия
Для старта раразаботки первой версии:
—
Создал карту экранов приложения с распределением фич по версиям и разработал пользовательские флоу для ключевых сценариев
—
Дизайны приложений для iOS и Android разработаны в соответствии с веб-версией, с соблюдением консистентности. Также была составлена цветовая палитра для тёмной темы
После старта разработки активно взаимодейстовал с разработчиками, предоставляя дизайн-ассеты, спецификации и проводя дизай ревью.
Улучшение UX выбора мест
В 2024 году одной из ключевых задач стала оптимизация процесса выбора билетов. Основной целью было внедрение глобальной интерактивной схемы залов для мероприятий — особенно актуальной для крупных площадок вроде стадионов.
На тот момент схемы открывались отдельно: в виде растровых изображений или через WebView, загружаемый с сайта Kassir. Пользователю приходилось вручную изучать картинку, определяться с сектором, возвращаться к оформлению, искать нужное место в списке. Такой фрагментированный сценарий вызывал путаницу и мешал завершить покупку — многие пользователи покидали процесс до оплаты.
Чтобы глубже понять потребности и проблемы, я запустил качественные опросы. Исследования помогли выявить ключевые проблемные точки и проверить гипотезу: отсутствие удобной и нативной схемы выбора мест снижает конверсию.
На основе полученных инсайтов с командой спроектировали новый пользовательский флоу — с учетом устранения найденных проблем и требований нового API. Обновлённый сценарий делает выбор мест частью единого интерфейса приложения, что существенно упрощает и ускоряет процесс покупки.
Чтобы глубже понять потребности и проблемы, я запустил качественные опросы. Исследования помогли выявить ключевые проблемные точки и проверить гипотезу: отсутствие удобной и нативной схемы выбора мест снижает конверсию.
На основе полученных инсайтов с командой спроектировали новый пользовательский флоу — с учетом устранения найденных проблем и требований нового API. Обновлённый сценарий делает выбор мест частью единого интерфейса приложения, что существенно упрощает и ускоряет процесс покупки.
Было
Стало
Cерия A/B-тестов
Для проверки продуктовых гипотез была запущена серия A/B-тестов. В рамках экспериментов:
—
Тестировали разные варианты текстов, побуждающих пользователя войти в аккаунт
—
Сравнивали формулировки кнопки фильтров, чтобы повысить вовлечённость в использование фильтрации
—
Проверяли новый UI с альтернативным расположением поисковой строки на главном экране, чтобы определить, как это влияет на вовлечённость и скорость начала сценария поиска
Обновлённый текст Подобрать событие на кнопке фильтров дал +9% к конверсии — пользователи стали чаще использовать фильтры при поиске билетов.
Редизайн приложения
В 2023 году на веб-версии был проведён масштабный редизайн. Чтобы сохранить визуальную консистентность между сайтом и приложением, была поставлена задача адаптировать приложение под обновлённый стиль сайта.
—
Aдаптировал цвета светлой темы под новый фирменный стиль сайта
—
Полностью обновил иконки в приложении — перешли на единый линейный стиль
—
Провёл ревизию текстов, скорректировал формулировки в соответствии с обновлёнными гайдлайнами ToV
—
Подготовил новую графику в 3D-стиле для экранов пустых состояний и промо-блоков
Во время редизайна я исправил проблемы с контрастностью цветов — теперь они соответствуют стандартам AA и AAA. Также добавил в макеты поддержку масштабирования шрифтов, так как эта возможность была реализована в процессе разработки.
