home

projects

cv

telegram

Tennisi

О проекте

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

Исследование

Чем занимался

Корзина

Описание

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

Одинар

Пустая корзина

Экспресс

Ставка в 1 клик

Экспресс х2

Гипотеза

Если упростить структуру корзины, выделить ключевые статусы и итоговый коэффициент, конверсия в ставку возрастет

решение

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

Прорабатываем все сценарии и состояния корзины: ошибки, загрузку, отсуствие данные итд

Кэшбэк

Описание

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

Гипотеза

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

решение

Я изучил правила программы лояльности и игровые механики. Собрал референсы игровых интерфейсов и спроектировал серию прототипов личного кабинета и прогресс-бара. Финальное решение внедряет игровой интерфейс, отвечает tone-of-voice компании и учитывает ограничения кроссплатформенной реализации: программа лояльности доступна пользователям и на сайте, и в приложении.

Меню

Описание

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

Гипотеза

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

решение

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

Виджеты

Описание

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

Гипотеза

Если на главной показать матчи с лучшими коэффициентами, это привлечет новых клиентов и повысит конверсию в целевое действие у активных пользователей.

решение

Коэффициенты, ставки и события – это динамические сущности, поэтому важно было сделать возможность быстро менять контент. Решение должно было быть универсальным и кросс-платформенным. Наиболее оптимальным форматом вывода информации стал виджет. Я реализовал два виджета: первый – «матч дня», а второй – с событиями, которые потенциально могут заинтересовать пользователя. Контент в виджетах подбирался букмекером и обновлялся маркетологами через Strapi, поэтому при проектировании я учел ограничения платформы и заложил формат виджетов, удобный для управления данными. Это дало возможность быстро менять контент без привлечения разработки.

Линия

Описание

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

Гипотеза

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

решение

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

Дизайн процессы

Когда я пришёл в компанию, дизайн платформы развивался без UI-kit — это делало решения дизайнеров неконсистентными. Использовались лишние стили, отсутствовала понятная навигация по макетам, не было документации для дизайнеров и разработчиков.

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

Что было сделано

Результаты

– Успешный релиз продукта на новом рынке

– Переработаны ключевые пользовательские разделы (корзина, меню, линия событий, история ставок)

– Реализованы удерживающие и вовлекающие механики (программа лояльности, виджеты)

– Вследствие редизайна и внедрения новых механик на сайте, была увеличена конверсия в ставку и снижен отток пользователей

– Организовал работу команды: воркшопы, тренинги, наладил процессы дизайна и дизайн-ревью

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

1/6

Следующий проект

Novakid

--->

home

projects

cv

telegram

Tennisi

О проекте

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

Исследование

Чем занимался

Корзина

Описание

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

Одинар

Пустая корзина

Экспресс

Ставка в 1 клик

Экспресс х2

Гипотеза

Если упростить структуру корзины, выделить ключевые статусы и итоговый коэффициент, конверсия в ставку возрастет

решение

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

Прорабатываем все сценарии и состояния корзины: ошибки, загрузку, отсуствие данные итд

Кэшбэк

Описание

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

Гипотеза

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

решение

Я изучил правила программы лояльности и игровые механики. Собрал референсы игровых интерфейсов и спроектировал серию прототипов личного кабинета и прогресс-бара. Финальное решение внедряет игровой интерфейс, отвечает tone-of-voice компании и учитывает ограничения кроссплатформенной реализации: программа лояльности доступна пользователям и на сайте, и в приложении.

Меню

Описание

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

Гипотеза

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

решение

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

Виджеты

Описание

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

Гипотеза

Если на главной показать матчи с лучшими коэффициентами, это привлечет новых клиентов и повысит конверсию в целевое действие у активных пользователей.

решение

Коэффициенты, ставки и события – это динамические сущности, поэтому важно было сделать возможность быстро менять контент. Решение должно было быть универсальным и кросс-платформенным. Наиболее оптимальным форматом вывода информации стал виджет. Я реализовал два виджета: первый – «матч дня», а второй – с событиями, которые потенциально могут заинтересовать пользователя. Контент в виджетах подбирался букмекером и обновлялся маркетологами через Strapi, поэтому при проектировании я учел ограничения платформы и заложил формат виджетов, удобный для управления данными. Это дало возможность быстро менять контент без привлечения разработки.

Линия

Описание

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

П1 с Ф2

11.72

П2 с Ф2

2.21

П1 с Ф2

11.72

П2 с Ф2

2.21

П1 с Ф2

11.72

П2 с Ф2

2.21

П1 с Ф2

11.72

П2 с Ф2

2.21

П1 с Ф2

11.7

П2 с Ф2

2.21

П1

П2

1.72

1.21

Х

30.00

П1

П2

1.72

1.21

Х

30.00

П1

П2

1.72

1.21

Х

30.00

П1

П2

1.72

1.21

Х

30.00

П1

П2

1.72

1.21

Х

30.00

Гипотеза

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

решение

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

Дизайн процессы

Когда я пришёл в компанию, дизайн платформы развивался без UI-kit — это делало решения дизайнеров неконсистентными. Использовались лишние стили, отсутствовала понятная навигация по макетам, не было документации для дизайнеров и разработчиков.

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

Что было сделано

Результаты проекта

– Успешный релиз продукта на новом рынке

– Переработаны ключевые пользовательские разделы (корзина, меню, линия событий, история ставок)

– Реализованы удерживающие и вовлекающие механики (программа лояльности, виджеты)

– Вследствие редизайна и внедрения новых механик на сайте, была увеличена конверсия в ставку и снижен отток пользователей

– Организовал работу команды: воркшопы, тренинги, наладил процессы дизайна и дизайн-ревью

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

1/6

Следующий проект

Novakid

--->