2023-2024
В команде Wink я работал на стыке контента, интерфейса и алгоритмов.
Мы перезапустили систему рекомендаций, добавили настройки под настроение, пересобрали плеер и поиск, обновили авторизацию и создали полноценную кроссплатформенную дизайн-систему. Многое проектировали с нуля — под Android, iOS, Web и даже TV.
Роль
Senior Product Designer
Что делал
Prototyping, UX/UI, UX Research
2023-2024
В команде Wink я работал на стыке контента, интерфейса и алгоритмов.
Мы перезапустили систему рекомендаций, добавили настройки под настроение, пересобрали плеер и поиск, обновили авторизацию и создали полноценную кроссплатформенную дизайн-систему. Многое проектировали с нуля — под Android, iOS, Web и даже TV.
Роль
Senior Product Designer
Что делал
Prototyping, UX/UI, UX Research
2023-2024
В команде Wink я работал на стыке контента,
интерфейса и алгоритмов. Мы перезапустили
систему рекомендаций, добавили настройки
под настроение, пересобрали плеер и поиск,
обновили авторизацию и создали полноценную
кроссплатформенную дизайн-систему.
Многое проектировали с нуля — под Android, iOS, Web и даже TV.
Роль
Senior Product Designer
Что делал
Prototyping, UX/UI, UX Research
ЧЕЛЛЕДЖ
ЧЕЛЛЕДЖ
WINK МУЗЫКА ЗАПУСКАЛАСЬ С НУЛЯ, БЕЗ ДИЗАЙН-СИСТЕМЫ
И С УНАСЛЕДОВАННЫМИ ЭКРАНАМИ ОТ ДРУГОЙ КОМАНДЫ.
МАКЕТЫ БЫЛИ ФРАГМЕНТИРОВАНЫ, РАБОТА С TV — НОВЫЙ
ОПЫТ, А ИНТЕГРАЦИЯ С WINK ТРЕБОВАЛА УЧИТЫВАТЬ ТЕКУЩУЮ АЙДЕНТИКУ.
WINK МУЗЫКА ЗАПУСКАЛАСЬ С НУЛЯ, БЕЗ ДИЗАЙН-СИСТЕМЫ
И С УНАСЛЕДОВАННЫМИ ЭКРАНАМИ ОТ ДРУГОЙ КОМАНДЫ.
МАКЕТЫ БЫЛИ ФРАГМЕНТИРОВАНЫ, РАБОТА С TV — НОВЫЙ
ОПЫТ, А ИНТЕГРАЦИЯ С WINK ТРЕБОВАЛА УЧИТЫВАТЬ ТЕКУЩУЮ АЙДЕНТИКУ.
WINK МУЗЫКА ЗАПУСКАЛАСЬ
С НУЛЯ, БЕЗ ДИЗАЙН-СИСТЕМЫ
И С УНАСЛЕДОВАННЫМИ ЭКРАНАМИ
ОТ ДРУГОЙ КОМАНДЫ. МАКЕТЫ
БЫЛИ ФРАГМЕНТИРОВАНЫ, РАБОТА
С TV — НОВЫЙ ОПЫТ, А ИНТЕГРАЦИЯ
С WINK ТРЕБОВАЛА УЧИТЫВАТЬ
ТЕКУЩУЮ АЙДЕНТИКУ.
РЕШЕНИЕ
РЕШЕНИЕ
Итерационный подход к проектированию для быстрого запуска с учетом привычек текущих клиентов в интерфейсах. В процессе проектирования все было организовано по циклу HADI. Изначально, отталкиваясь от проблемы, я формировал набор гипотез, а затем проверял их с помощью быстрых RITE- и монадических тестов.
Итерационный подход к проектированию для быстрого запуска с учетом привычек текущих клиентов в интерфейсах. В процессе проектирования все было организовано по циклу HADI. Изначально, отталкиваясь от проблемы, я формировал набор гипотез, а затем проверял их с помощью быстрых RITE- и монадических тестов.
Итерационный подход к проектированию для быстрого запуска с учетом привычек текущих клиентов в интерфейсах. В процессе проектирования все было организовано по циклу HADI. Изначально, отталкиваясь от проблемы, я формировал набор гипотез, а затем проверял их с помощью быстрых RITE- и монадических тестов.
Рекомендации
Рекомендации
Мой поток
Мой поток
Музыка
Музыка
Подкасты
Подкасты
Книги
Книги
Альбомы
Альбомы
Треки
Треки
Артисты
Артисты
Плейлисты
Плейлисты
Любимое
Любимое
Подписка
Подписка
Дизайн-система
Дизайн-система
Экосистема 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 треков
Караоке
Караоке
ПРОЕКТ НАЧАЛСЯ
С ПРОБЛЕМ
ПРОЕКТ НАЧАЛСЯ
С ПРОБЛЕМ
ПРОЕКТ НАЧАЛСЯ
С ПРОБЛЕМ
У предыдущей команды не было ни дизайн-системы, ни структурированных макетов. Часть интерфейса — включая главный экран — уже была реализована, и переписать её заново было невозможно. С этим наследием нужно было работать аккуратно.
Мы начали с «чистки»: привели в порядок файлы, пересобрали экраны, выстроили навигацию и синхронизировались с разработкой. Параллельно начали формировать базу компонентов — от кнопок до карточек и хедеров, адаптированных под все платформы.
У предыдущей команды не было ни дизайн-системы, ни структурированных макетов. Часть интерфейса — включая главный экран — уже была реализована, и переписать её заново было невозможно. С этим наследием нужно было работать аккуратно.
Мы начали с «чистки»: привели в порядок файлы, пересобрали экраны, выстроили навигацию и синхронизировались с разработкой. Параллельно начали формировать базу компонентов — от кнопок до карточек и хедеров, адаптированных под все платформы.
У предыдущей команды не было ни дизайн-системы, ни структурированных макетов. Часть интерфейса — включая главный экран — уже была реализована, и переписать её заново было невозможно. С этим наследием нужно было работать аккуратно.
Мы начали с «чистки»: привели в порядок файлы, пересобрали экраны, выстроили навигацию и синхронизировались с разработкой. Параллельно начали формировать базу компонентов — от кнопок до карточек и хедеров, адаптированных под все платформы.
ОТ РЕКОМЕНДАЦИЙ ДО ПРОСЛУШИВАНИЯ
ОТ РЕКОМЕНДАЦИЙ
ДО ПРОСЛУШИВАНИЯ
ОТ РЕКОМЕНДАЦИЙ
ДО ПРОСЛУШИВАНИЯ
Мы пересобрали ключевые сценарии — авторизацию, рекомендации, поиск и плеер — в один связный и интуитивный маршрут.
Авторизацию упростили: быстрый вход по номеру или Face ID, меньше шагов и ошибок — конверсия выросла на 18%.
Сразу после входа пользователь попадает в «Поток» — персональные рекомендации под настроение и время суток, с лёгкой настройкой и свайп-фидбэком. Это увеличило количество прослушиваний на 24%.
Умный поиск с подсказками и историей помогает быстрее находить нужное и снизил bounce rate на 26%.
В результате получился бесшовный и быстрый путь: от входа до любимого трека.
Авторизация стала проще — один экран, всё по делу. Входят быстрее, конверсия выросла на 18%.
Плеер расчистили: убрали шум, оставили главное, сделали всё живее и быстрее. Один интерфейс — для всего контента.
Поиск тоже вызывал вопросы. Выдача была хаотичной, найти нужное с первого раза удавалось не всегда. Мы надели перчатки и разобрали всё по полочкам: теперь сначала треки, потом альбомы, подкасты и книги. Добавили подсказки и недавние запросы — поиск стал почти предсказуемым. Среднее время до первого действия снизилось на 23%.
Основные сценарии стали быстрее, понятнее и визуально чище.
Мы пересобрали ключевые сценарии — авторизацию, рекомендации, поиск и плеер — в один связный и интуитивный маршрут.
Авторизацию упростили: быстрый вход по номеру или Face ID, меньше шагов и ошибок — конверсия выросла на 18%.
Сразу после входа пользователь попадает в «Поток» — персональные рекомендации под настроение и время суток, с лёгкой настройкой и свайп-фидбэком. Это увеличило количество прослушиваний на 24%.
Умный поиск с подсказками и историей помогает быстрее находить нужное и снизил bounce rate на 26%.
В результате получился бесшовный и быстрый путь: от входа до любимого трека.
УСПЕТЬ ВСЁ СРАЗУ,
ПРИ ЭТОМ БЫСТРО
УСПЕТЬ ВСЁ СРАЗУ,
ПРИ ЭТОМ БЫСТРО
УСПЕТЬ ВСЁ СРАЗУ,
ПРИ ЭТОМ БЫСТРО
В итоге делал не только интерфейсы, но и учавствовал в запуске рекламных компаний, общем брендинге и экспериментах в рост подписок, всё делали итерационно, что не могли, стандартно заносили в бэклог
В итоге делал не только интерфейсы, но и учавствовал в запуске рекламных компаний, общем брендинге и экспериментах в рост подписок, всё делали итерационно, что не могли, стандартно заносили в бэклог
В итоге делал не только интерфейсы, но и учавствовал в запуске рекламных компаний, общем брендинге и экспериментах в рост подписок, всё делали итерационно, что не могли, стандартно заносили в бэклог
НЕ ПРОСТО ГАЙД,
А ЧАСТЬ КОМАНДЫ
НЕ ПРОСТО ГАЙД,
А ЧАСТЬ КОМАНДЫ
НЕ ПРОСТО ГАЙД,
А ЧАСТЬ КОМАНДЫ
Нам нужно было быстро масштабировать дизайн на Android, iOS, Web и даже Android TV / Apple TV. Начали с аудита макетов: 200+ компонентов, несовместимые паттерны, отсутствие отступов.
Создали ядро дизайн-системы: типографика, кнопки, карточки, ленты, навигация. Всё — с анатомией, описанием, документацией для разработчиков. Работали в паре с фронтом, встроили компоненты в Storybook. Для TV сделали отдельные адаптации: фокус-стейты, «safe zones», поддержку пультов и возвратов.
Каждую задачу теперь начинаем с библиотеки. Это ускоряет работу в 2–3 раза и минимизирует расхождения в реализации.
Нам нужно было быстро масштабировать дизайн на Android, iOS, Web и даже Android TV / Apple TV. Начали с аудита макетов: 200+ компонентов, несовместимые паттерны, отсутствие отступов.
Создали ядро дизайн-системы: типографика, кнопки, карточки, ленты, навигация. Всё — с анатомией, описанием, документацией для разработчиков. Работали в паре с фронтом, встроили компоненты в Storybook. Для TV сделали отдельные адаптации: фокус-стейты, «safe zones», поддержку пультов и возвратов.
Каждую задачу теперь начинаем с библиотеки. Это ускоряет работу в 2–3 раза и минимизирует расхождения в реализации.
Нам нужно было быстро масштабировать дизайн на Android, iOS, Web и даже Android TV / Apple TV. Начали с аудита макетов: 200+ компонентов, несовместимые паттерны, отсутствие отступов.
Создали ядро дизайн-системы: типографика, кнопки, карточки, ленты, навигация. Всё — с анатомией, описанием, документацией для разработчиков. Работали в паре с фронтом, встроили компоненты в Storybook. Для TV сделали отдельные адаптации: фокус-стейты, «safe zones», поддержку пультов и возвратов.
Каждую задачу теперь начинаем с библиотеки. Это ускоряет работу в 2–3 раза и минимизирует расхождения в реализации.
РЕЗУЛЬТАТЫ
РЕЗУЛЬТАТЫ
В РАМКАХ WINK МУЗЫКИ НАМ УДАЛОСЬ ЗАПУСТИТЬ ПРОДУКТ С НУЛЯ, ВНЕДРИТЬ ДИЗАЙН-СИСТЕМУ И УПРОСТИТЬ ВЗАИМОДЕЙСТВИЕ МЕЖДУ ДИЗАЙНЕРАМИ И РАЗРАБОТЧИКАМИ. ЭТО УСКОРИЛО ПРОЦЕССЫ И ПОЗВОЛИЛО СКОНЦЕНТРИРОВАТЬСЯ НА КАЧЕСТВЕ ПРОДУКТА.
В РАМКАХ WINK МУЗЫКИ НАМ УДАЛОСЬ ЗАПУСТИТЬ ПРОДУКТ С НУЛЯ, ВНЕДРИТЬ ДИЗАЙН-СИСТЕМУ И УПРОСТИТЬ ВЗАИМОДЕЙСТВИЕ МЕЖДУ ДИЗАЙНЕРАМИ И РАЗРАБОТЧИКАМИ. ЭТО УСКОРИЛО ПРОЦЕССЫ И ПОЗВОЛИЛО СКОНЦЕНТРИРОВАТЬСЯ НА КАЧЕСТВЕ ПРОДУКТА.
В РАМКАХ WINK МУЗЫКИ НАМ УДАЛОСЬ ЗАПУСТИТЬ ПРОДУКТ С НУЛЯ, ВНЕДРИТЬ ДИЗАЙН-СИСТЕМУ И УПРОСТИТЬ ВЗАИМОДЕЙСТВИЕ МЕЖДУ ДИЗАЙНЕРАМИ И РАЗРАБОТЧИКАМИ. ЭТО УСКОРИЛО ПРОЦЕССЫ И ПОЗВОЛИЛО СКОНЦЕНТРИРОВАТЬСЯ НА КАЧЕСТВЕ ПРОДУКТА.
+34%
+34%
+34%
Conversion rate подписки
Conversion rate подписки
Conversion rate подписки
+12%
+12%
+12%
Вырос tNPS
Вырос tNPS
Вырос tNPS
+8%
+8%
+8%
Вырастили Engagment
Вырастили Engagment
Вырастили Engagment