2023-2024
В команде Wink я работал на стыке контента, интерфейса и алгоритмов — отвечал за стратегию пользовательского опыта и синхронизацию дизайна с продуктовой и ML-командой. Мы перезапустили систему рекомендаций, внедрили настройку под настроение, пересобрали плеер и поиск, переработали авторизацию и запустили кроссплатформенную дизайн-систему под Android, iOS, Web и TV
Роль
Senior Product Designer
Команда
Design Lead: 1 | Product Designer: 5
2023-2024
В команде Wink я работал на стыке контента, интерфейса и алгоритмов — отвечал за стратегию пользовательского опыта и синхронизацию дизайна с продуктовой и ML-командой. Мы перезапустили систему рекомендаций, внедрили настройку под настроение, пересобрали плеер и поиск, переработали авторизацию и запустили кроссплатформенную дизайн-систему под Android, iOS, Web и TV
Роль
Senior Product Designer
Команда
Design Lead: 1 | Product Designer: 5
2023-2024
В команде Wink я работал на стыке контента, интерфейса и алгоритмов — отвечал за стратегию пользовательского опыта и синхронизацию дизайна с продуктовой и ML-командой. Мы перезапустили систему рекомендаций, внедрили настройку под настроение, пересобрали плеер и поиск, переработали авторизацию и запустили кроссплатформенную дизайн-систему под Android, iOS, Web и TV
Роль
Senior Product Designer
Команда
Design Lead: 1 | Product Designer: 5
ЧЕЛЛЕДЖ
ЧЕЛЛЕДЖ
WINK МУЗЫКА ЗАПУСКАЛАСЬ С НУЛЯ, БЕЗ ДИЗАЙН-СИСТЕМЫ
И С УНАСЛЕДОВАННЫМИ ЭКРАНАМИ ОТ ДРУГОЙ КОМАНДЫ.
МАКЕТЫ БЫЛИ ФРАГМЕНТИРОВАНЫ, РАБОТА С TV — НОВЫЙ
ОПЫТ, А ИНТЕГРАЦИЯ С WINK ТРЕБОВАЛА УЧИТЫВАТЬ ТЕКУЩУЮ АЙДЕНТИКУ.
WINK МУЗЫКА ЗАПУСКАЛАСЬ С НУЛЯ, БЕЗ ДИЗАЙН-СИСТЕМЫ
И С УНАСЛЕДОВАННЫМИ ЭКРАНАМИ ОТ ДРУГОЙ КОМАНДЫ.
МАКЕТЫ БЫЛИ ФРАГМЕНТИРОВАНЫ, РАБОТА С TV — НОВЫЙ
ОПЫТ, А ИНТЕГРАЦИЯ С WINK ТРЕБОВАЛА УЧИТЫВАТЬ ТЕКУЩУЮ АЙДЕНТИКУ.
WINK МУЗЫКА ЗАПУСКАЛАСЬ
С НУЛЯ, БЕЗ ДИЗАЙН-СИСТЕМЫ
И С УНАСЛЕДОВАННЫМИ ЭКРАНАМИ
ОТ ДРУГОЙ КОМАНДЫ. МАКЕТЫ
БЫЛИ ФРАГМЕНТИРОВАНЫ, РАБОТА
С TV — НОВЫЙ ОПЫТ, А ИНТЕГРАЦИЯ
С WINK ТРЕБОВАЛА УЧИТЫВАТЬ
ТЕКУЩУЮ АЙДЕНТИКУ.
РЕШЕНИЕ
РЕШЕНИЕ
Чтобы запустить продукт быстро, но не потерять качество, я выстроил рабочую модель на базе циклов HADI, но усилил их:
вместо классических UX-исследований использовал Assumption Mapping для фиксации рискованных гипотез;
проводил быстрые micro-usability sessions с реальными пользователями прямо в процессе прототипирования;
Это позволило принимать решения не по предпочтениям, а по эффективности маршрута.
Чтобы запустить продукт быстро, но не потерять качество, я выстроил рабочую модель на базе циклов HADI, но усилил их:
вместо классических UX-исследований использовал Assumption Mapping для фиксации рискованных гипотез;
проводил быстрые micro-usability sessions с реальными пользователями прямо в процессе прототипирования;
Это позволило принимать решения не по предпочтениям, а по эффективности маршрута.
Чтобы запустить продукт быстро, но не потерять качество, я выстроил рабочую модель на базе циклов HADI, но усилил их:
вместо классических UX-исследований использовал Assumption Mapping для фиксации рискованных гипотез;
проводил быстрые micro-usability sessions с реальными пользователями прямо в процессе прототипирования;
Это позволило принимать решения не по предпочтениям, а по эффективности маршрута.
Рекомендации
Рекомендации
Мой поток
Мой поток
Музыка
Музыка
Подкасты
Подкасты
Книги
Книги
Альбомы
Альбомы
Треки
Треки
Артисты
Артисты
Плейлисты
Плейлисты
Любимое
Любимое
Подписка
Подписка
Дизайн-система
Дизайн-система
Экосистема Wink
Экосистема Wink
Hi-Fi
Hi-Fi
SmartTV
SmartTV
Новинки и хиты
Новинки и хиты
Топ-100 треков
Топ-100 треков
Караоке
Караоке
Рекомендации
Рекомендации
Мой поток
Мой поток
Музыка
Музыка
Подкасты
Подкасты
Книги
Книги
Альбомы
Альбомы
Треки
Треки
Артисты
Артисты
Плейлисты
Плейлисты
Любимое
Любимое
Подписка
Подписка
Дизайн-система
Дизайн-система
Экосистема Wink
Экосистема Wink
Hi-Fi
Hi-Fi
SmartTV
SmartTV
Новинки и хиты
Новинки и хиты
Топ-100 треков
Топ-100 треков
Караоке
Караоке
Рекомендации
Рекомендации
Мой поток
Мой поток
Музыка
Музыка
Подкасты
Подкасты
Книги
Книги
Альбомы
Альбомы
Треки
Треки
Артисты
Артисты
Плейлисты
Плейлисты
Любимое
Любимое
Подписка
Подписка
Дизайн-система
Дизайн-система
Экосистема Wink
Экосистема Wink
Hi-Fi
Hi-Fi
SmartTV
SmartTV
Новинки и хиты
Новинки и хиты
Топ-100 треков
Топ-100 треков
Караоке
Караоке
ПРОЕКТ НАЧАЛСЯ
С ПРОБЛЕМ
ПРОЕКТ НАЧАЛСЯ
С ПРОБЛЕМ
ПРОЕКТ НАЧАЛСЯ С ПРОБЛЕМ
Дизайн-системы не было, структура файлов отсутствовала, главный экран уже был в разработке — переписать нельзя, улучшить нужно.
Я организовал «стартовую стабилизацию»:
провёл UX-археологию: разобрал логику старых экранов, выявил паттерны, которые ломали сценарии;
пересобрал навигационную структуру через User Flow Impact Mapping — чтобы понять, какие точки максимальнее влияют на конверсию;
провёл с продуктом Service Blueprint-сессию, чтобы увидеть взаимосвязь контента, рекомендационного движка и интерфейса;
Исследования в UsabilityLab мы использовали как финальную валидацию. Анализ сочетал количественные (время до цели, error rate) и качественные (ожидания/барьеры). На основе этого циклично обновляли прототипы.
Дизайн-системы не было, структура файлов отсутствовала, главный экран уже был в разработке — переписать нельзя, улучшить нужно.
Я организовал «стартовую стабилизацию»:
провёл UX-археологию: разобрал логику старых экранов, выявил паттерны, которые ломали сценарии;
пересобрал навигационную структуру через User Flow Impact Mapping — чтобы понять, какие точки максимальнее влияют на конверсию;
провёл с продуктом Service Blueprint-сессию, чтобы увидеть взаимосвязь контента, рекомендационного движка и интерфейса;
Исследования в UsabilityLab мы использовали как финальную валидацию. Анализ сочетал количественные (время до цели, error rate) и качественные (ожидания/барьеры). На основе этого циклично обновляли прототипы.
Дизайн-системы не было, структура файлов отсутствовала, главный экран уже был в разработке — переписать нельзя, улучшить нужно.
Я организовал «стартовую стабилизацию»:
провёл UX-археологию: разобрал логику старых экранов, выявил паттерны, которые ломали сценарии;
пересобрал навигационную структуру через User Flow Impact Mapping — чтобы понять, какие точки максимальнее влияют на конверсию;
провёл с продуктом Service Blueprint-сессию, чтобы увидеть взаимосвязь контента, рекомендационного движка и интерфейса;
Исследования в UsabilityLab мы использовали как финальную валидацию. Анализ сочетал количественные (время до цели, error rate) и качественные (ожидания/барьеры). На основе этого циклично обновляли прототипы.
ОТ РЕКОМЕНДАЦИЙ ДО ПРОСЛУШИВАНИЯ
ОТ РЕКОМЕНДАЦИЙ
ДО ПРОСЛУШИВАНИЯ
ОТ РЕКОМЕНДАЦИЙ
ДО ПРОСЛУШИВАНИЯ
Мы не просто пересобрали сценарии — мы переформатировали пользовательскую механику взаимодействия с музыкой.
Как именно:
Jobs-To-Be-Done 2 ключевых ситуаций сервиса;
на их базе построил Customer Journey Map, где определил, какие действия пользователь хочет совершить быстро, а какие — вдумчиво;
сформировал routing-логику, где сценарии «Выбор → Прослушивание» стали минимальными по шагам и когнитивной нагрузке.
Поиск: добавил контекстные подсказки, историю и умные шорткаты. → −26% bounce rate.
Плеер: оптимизировал маршруты возврата, связанные экраны и адаптацию под платформы.
Мы сделали путь естественным и «нарастающим»: каждый шаг подталкивает к следующему.
Авторизация стала проще — один экран, всё по делу. Входят быстрее, конверсия выросла на 18%.
Плеер расчистили: убрали шум, оставили главное, сделали всё живее и быстрее. Один интерфейс — для всего контента.
Поиск тоже вызывал вопросы. Выдача была хаотичной, найти нужное с первого раза удавалось не всегда. Мы надели перчатки и разобрали всё по полочкам: теперь сначала треки, потом альбомы, подкасты и книги. Добавили подсказки и недавние запросы — поиск стал почти предсказуемым. Среднее время до первого действия снизилось на 23%.
Основные сценарии стали быстрее, понятнее и визуально чище.
Мы не просто пересобрали сценарии — мы переформатировали пользовательскую механику взаимодействия с музыкой.
Как именно:
Jobs-To-Be-Done 2 ключевых ситуаций сервиса;
на их базе построил Customer Journey Map, где определил, какие действия пользователь хочет совершить быстро, а какие — вдумчиво;
сформировал routing-логику, где сценарии «Выбор → Прослушивание» стали минимальными по шагам и когнитивной нагрузке.
Поиск: добавил контекстные подсказки, историю и умные шорткаты. → −26% bounce rate.
Плеер: оптимизировал маршруты возврата, связанные экраны и адаптацию под платформы.
Мы сделали путь естественным и «нарастающим»: каждый шаг подталкивает к следующему.
УСПЕТЬ ВСЁ СРАЗУ,
ПРИ ЭТОМ БЫСТРО
УСПЕТЬ ВСЁ СРАЗУ,
ПРИ ЭТОМ БЫСТРО
УСПЕТЬ ВСЁ СРАЗУ,
ПРИ ЭТОМ БЫСТРО
Помимо интерфейсов, я подключился к смежным задачам: рекламные кампании, визуальная стратегия, продуктовые эксперименты по подписке.
Всё делали итерационно, а неподъёмные задачи формализовывали в бэклог — чтобы команда двигалась стабильно и без перегрузов.
Помимо интерфейсов, я подключился к смежным задачам: рекламные кампании, визуальная стратегия, продуктовые эксперименты по подписке.
Всё делали итерационно, а неподъёмные задачи формализовывали в бэклог — чтобы команда двигалась стабильно и без перегрузов.
Помимо интерфейсов, я подключился к смежным задачам: рекламные кампании, визуальная стратегия, продуктовые эксперименты по подписке.
Всё делали итерационно, а неподъёмные задачи формализовывали в бэклог — чтобы команда двигалась стабильно и без перегрузов.
НЕ ПРОСТО ГАЙД,
А ЧАСТЬ КОМАНДЫ
НЕ ПРОСТО ГАЙД,
А ЧАСТЬ КОМАНДЫ
НЕ ПРОСТО ГАЙД,
А ЧАСТЬ КОМАНДЫ
Для масштабирования на Android, iOS, Web и Android TV / Apple TV мы начали с аудита интерфейсных активов:
разобрали 200+ компонентов,
выявили несовместимые паттерны,
выровняли отступы и сетки,
построили токены и правила взаимодействия.
Создал ядро дизайн-системы: типографику, кнопки, карточки, ленты, навигацию, состояния. Каждая единица имела анатомию, документацию и guidelines для разработчиков.
Работал в паре с фронтом: интегрировали компоненты в Storybook, сформировали workflow обновлений и ревью.
Для TV сделал отдельный UX-контур: фокус-стейты, safe-zones, работу с пультом и возвратами.
Теперь любую задачу команда начинает с библиотеки, что ускорило работу в 2–3 раза и снизило расхождения в реализации почти до нуля.
Для масштабирования на Android, iOS, Web и Android TV / Apple TV мы начали с аудита интерфейсных активов:
разобрали 200+ компонентов,
выявили несовместимые паттерны,
выровняли отступы и сетки,
построили токены и правила взаимодействия.
Создал ядро дизайн-системы: типографику, кнопки, карточки, ленты, навигацию, состояния. Каждая единица имела анатомию, документацию и guidelines для разработчиков.
Работал в паре с фронтом: интегрировали компоненты в Storybook, сформировали workflow обновлений и ревью.
Для TV сделал отдельный UX-контур: фокус-стейты, safe-zones, работу с пультом и возвратами.
Теперь любую задачу команда начинает с библиотеки, что ускорило работу в 2–3 раза и снизило расхождения в реализации почти до нуля.
Для масштабирования на Android, iOS, Web и Android TV / Apple TV мы начали с аудита интерфейсных активов:
разобрали 200+ компонентов,
выявили несовместимые паттерны,
выровняли отступы и сетки,
построили токены и правила взаимодействия.
Создал ядро дизайн-системы: типографику, кнопки, карточки, ленты, навигацию, состояния. Каждая единица имела анатомию, документацию и guidelines для разработчиков.
Работал в паре с фронтом: интегрировали компоненты в Storybook, сформировали workflow обновлений и ревью.
Для TV сделал отдельный UX-контур: фокус-стейты, safe-zones, работу с пультом и возвратами.
Теперь любую задачу команда начинает с библиотеки, что ускорило работу в 2–3 раза и снизило расхождения в реализации почти до нуля.
РЕЗУЛЬТАТЫ
РЕЗУЛЬТАТЫ
В РАМКАХ WINK МУЗЫКИ НАМ УДАЛОСЬ ЗАПУСТИТЬ ПРОДУКТ С НУЛЯ, ВНЕДРИТЬ ДИЗАЙН-СИСТЕМУ И УПРОСТИТЬ ВЗАИМОДЕЙСТВИЕ МЕЖДУ ДИЗАЙНЕРАМИ И РАЗРАБОТЧИКАМИ. ЭТО УСКОРИЛО ПРОЦЕССЫ И ПОЗВОЛИЛО СКОНЦЕНТРИРОВАТЬСЯ НА КАЧЕСТВЕ ПРОДУКТА.
В РАМКАХ WINK МУЗЫКИ НАМ УДАЛОСЬ ЗАПУСТИТЬ ПРОДУКТ С НУЛЯ, ВНЕДРИТЬ ДИЗАЙН-СИСТЕМУ И УПРОСТИТЬ ВЗАИМОДЕЙСТВИЕ МЕЖДУ ДИЗАЙНЕРАМИ И РАЗРАБОТЧИКАМИ. ЭТО УСКОРИЛО ПРОЦЕССЫ И ПОЗВОЛИЛО СКОНЦЕНТРИРОВАТЬСЯ НА КАЧЕСТВЕ ПРОДУКТА.
В РАМКАХ WINK МУЗЫКИ НАМ УДАЛОСЬ ЗАПУСТИТЬ ПРОДУКТ С НУЛЯ, ВНЕДРИТЬ ДИЗАЙН-СИСТЕМУ И УПРОСТИТЬ ВЗАИМОДЕЙСТВИЕ МЕЖДУ ДИЗАЙНЕРАМИ И РАЗРАБОТЧИКАМИ. ЭТО УСКОРИЛО ПРОЦЕССЫ И ПОЗВОЛИЛО СКОНЦЕНТРИРОВАТЬСЯ НА КАЧЕСТВЕ ПРОДУКТА.
-22%
-22%
-22%
Time to First Play
Time to First Play
Time to First Play
к времени от входа до прослушивания
к времени от входа до прослушивания
к времени от входа до прослушивания
+31%
+31%
+31%
Search Success Rate
Search Success Rate
Search Success Rate
к доле успешных поисковых запросов
к доле успешных поисковых запросов
к доле успешных поисковых запросов
+17%
Depth of Listening Session
к количеству треков в одной сессии
+17%
+17%
Depth of Listening Session
Depth of Listening Session
к количеству треков в одной сессии
к количеству треков в одной сессии
+17%
Depth of Listening Session
к количеству треков в одной сессии