Компания:

Snocko Technologies Co.Ltd

Snocko Technologies

Роль:

Продуктовый дизайнер

Таймлайн:

2022 — 2023

I Have Ticket ↗ это сайт, который предоставляет уникальную возможность наслаждаться концертами любимых исполнителей онлайн, откуда угодно и с любого устройства.

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

I Have Ticket ↗ это сайт, который предоставляет уникальную возможность наслаждаться концертами любимых исполнителей онлайн, откуда угодно и с любого устройства.

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

I Have Ticket ↗ это сайт, который предоставляет уникальную возможность наслаждаться концертами любимых исполнителей онлайн, откуда угодно и с любого устройства.

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

Посмотрите самые яркие моменты с некоторых концертов — это было офигенно!

Результаты и метрики

  • Высокая конверсия покупки билетов — она составила около 8%.

  • Retention Rate составил 30%, что означает, что около трети человек купили билеты на более, чем один концерт.

  • ARPU за 5 концертов составил 125 Бат, что примерно соответствовало ожиданиям.

  • Customer Satisfaction было равно 85%, что говорит о том, что большинство пользователей оставили положительные отзывы.

  • Bounce Rate составил всего около 35%.

  • Высокая конверсия покупки билетов — она составила около 8%.

  • Retention Rate составил 30%, что означает, что около трети человек купили билеты на более, чем один концерт.

  • ARPU за 5 концертов составил 125 Бат, что примерно соответствовало ожиданиям.

  • Customer Satisfaction было равно 85%, что говорит о том, что большинство пользователей оставили положительные отзывы.

  • Bounce Rate составил всего около 35%.

Цель создания продукта

В Таиланде уже был сайт для онлайн-трансляций концертов — Thai Ticket Major. В Южной Корее это Beyond LIVE, популярный среди фанатов K-Pop в Таиланде.

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

В Таиланде уже был сайт для онлайн-трансляций концертов — Thai Ticket Major. В Южной Корее это Beyond LIVE, популярный среди фанатов K-Pop в Таиланде.

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

Что я сделал

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

  • Сформировал гипотезы.

  • Провёл первоначальный опрос для сбора инсайтов о пользователях.

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

  • Спроектировал ключевые флоу и структуру продукта.

  • Создал дизайн-систему.

  • Провёл юзабилити-тестирование совместо с дизайнером-джуниором.

  • Нарисовал UI.

  • Передал макеты разработчикам, объяснив все нюансы.

Гипотезы

Минимизация количества обязательных полей в форме регистрации снизит процент отказов на этом этапе.

Сложность: 1

Влияние: 2

Введение чата для зрителей во время стрима повысит вовлеченность пользователей.

Сложность: 2

Влияние: 3

Людям больше интересны артисты, чем цена билета.

Сложность: 1

Влияние: 2

Люди будут смотреть онлайн-концерты, если в них участвуют их любимые исполнители.

Сложность: 2

Влияние: 3

Возможность просмотра концертов в записи увеличит количество проданных билетов.

Сложность: 2

Влияние: 2

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

Сложность: 2

Влияние: 3

Возможность возврата билетов снизит негативные отзывы и повысит лояльность пользователей.

Сложность: 2

Влияние: 2

Введение таймеров обратного отсчета до начала концерта на страницах с билетами увеличит количество покупок в последние минуты.

Сложность: 1

Влияние: 2

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

Опрос

Я провёл опрос, чтобы проверить гипотезы и выяснить, что влияет на покупку билетов, удобные способы оплаты, посещаемость концертов респондентами, используемых конкурентов и готовность пользоваться нашим продуктом.

В опросе приняли участие примерно 600 респондентов в возрасте от 18 до 35.

В опросе приняли участие примерно 600 респондентов в возрасте от 18 до 35.

Ключевые инсайты

20%

20%

Вообще не посещают концерты по определённым причинам.

Вообще не посещают концерты по определённым причинам.

70%

70%

Будут смотреть онлайн-концерты, если в них участвуют их любимые исполнители.

Будут смотреть онлайн-концерты, если в них участвуют их любимые исполнители.

70%

70%

Больше интересуются лайнапом артистом, нежели ценой билета.

Больше интересуются лайнапом артистом, нежели ценой билета.

45%

45%

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

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

70%

70%

Предпочли бы оплачивать билеты с помощью сканирования QR-кода банковским приложением.

Предпочли бы оплачивать билеты с помощью сканирования QR-кода банковским приложением.

55%

55%

Пересматривали бы записи концертов.

Пересматривали бы записи концертов.

Конкуренты

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

Структура

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

Флоу

Я определил три основных пользовательских сценария: регистрация, покупка билетов и вход на стриминг, сосредоточив внимание на описании так называемых «happy flow». Все корнер-кейсы и исключения были тщательно задокументированы в документах бизнес-аналитика и визуализированы в Figma.

Регистрация

Покупка билета

Вход на стрим

Дизайн-система

Я создавал дизайн-систему, заранее добавив большинство глобальных компонентов (таких как базовые кнопки, ссылки, поля ввода и т.д.). По ходу работы я постепенно создавал остальные компоненты, как глобальные, так и локальные, чтобы дизайн-система адаптировалась к растущим потребностям продукта.

Ниже представлены примеры некоторых глобальных компонентов:

Юзабилити-тестирование

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

Респонденты

  • 9 респондентов

  • Возраст от 18 до 30 лет

  • Есть опыт в онлайн-покупках

Устройства и браузеры

  • Десктоп — 4 респондента

  • Мобайл — 4 респондента

  • Планшет — 1 респондент

  • Google Chrome на всех устройствах

Тестируемые сценарии

  • Регистрация

  • Выбор и покупка билетов

  • Вход на стрим и использование чата

  • Десктоп — 4 респондента

  • Мобайл — 4 респондента

  • Планшет — 1 респондент

  • Google Chrome на всех устройствах

Устройства и браузеры

Тестируемые сценарии

  • Регистрация

  • Выбор и покупка билетов

  • Вход на стрим и использование чата

Респонденты

  • 9 респондентов

  • Возраст от 18 до 30 лет

  • Есть опыт в онлайн-покупках

Обнаруженные проблемы

9 стопперов

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

6 слоуеров

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

6 косметических проблем

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

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

Финальный UI

Все макеты были отрисованы для трёх брейкпоинтов:

360px для мобайла

1024px для планшета

1440px для десктопа

Текущий статус

Перед уходом из компании, мы с командой начали работу над дизайном покупки билетов Onstage-эвентов (оффлайн концертов). Я успел поучаствовать в проработке флоу и части UI, в частности страницы эвента и чекаута. В настоящее время компания продолжает работу над этой частью продукта.