2024-2025
A music streaming service integrated into the Wink ecosystem (video, TV, content). The product was launched on several platforms: mobile applications, Smart TV, and web. My role is a product designer in a cross-functional team.
Role
Senior Product Designer
What were you doing?
Prototyping, UX/UI, UX Research
2024-2025
A music streaming service integrated into the Wink ecosystem (video, TV, content). The product was launched on several platforms: mobile applications, Smart TV, and web. My role is a product designer in a cross-functional team.
Role
Senior Product Designer
What were you doing?
Prototyping, UX/UI, UX Research
2024-2025
A music streaming service integrated into the Wink ecosystem (video, TV, content). The product was launched on several platforms: mobile applications, Smart TV, and web. My role is a product designer in a cross-functional team.
Role
Senior Product Designer
What were you doing?
Prototyping, UX/UI, UX Research
CHALLENGE
CHALLENGE
WINK MUSIC STARTED FROM SCRATCH, WITHOUT A DESIGN SYSTEM AND WITH SCREENSHOTS FROM ANOTHER TEAM. THE LAYOUTS WERE FRAGMENTED, WORKING WITH TV — A NEW EXPERIENCE, AND INTEGRATION WITH WINK REQUIRED TO CONSIDER THE CURRENT IDENTIFICATION.
WINK MUSIC STARTED FROM SCRATCH, WITHOUT A DESIGN SYSTEM AND WITH SCREENSHOTS FROM ANOTHER TEAM. THE LAYOUTS WERE FRAGMENTED, WORKING WITH TV — A NEW EXPERIENCE, AND INTEGRATION WITH WINK REQUIRED TO CONSIDER THE CURRENT IDENTIFICATION.
SOLUTION
SOLUTION
We organized work through short iterations: first, we identified real problems, formulated hypotheses, and then tested them with quick user tests. This approach allowed us to focus not on visual changes, but on improving the user experience. Gradually, a flexible design system began to form around the validated solutions, which scales with the product and takes into account user behavior across all platforms.
We organized work through short iterations: first, we identified real problems, formulated hypotheses, and then tested them with quick user tests. This approach allowed us to focus not on visual changes, but on improving the user experience. Gradually, a flexible design system began to form around the validated solutions, which scales with the product and takes into account user behavior across all platforms.
We organized work through short iterations: first, we identified real problems, formulated hypotheses, and then tested them with quick user tests. This approach allowed us to focus not on visual changes, but on improving the user experience. Gradually, a flexible design system began to form around the validated solutions, which scales with the product and takes into account user behavior across all platforms.
Recommendations
Recommendations
My stream
My stream
Music
Music
Podcasts
Podcasts
Books
Books
Albums
Albums
Tracks
Tracks
Artists
Artists
Playlists
Playlists
Favorite
Favorite
Subscription
Subscription
Design system
Design system
Wink ecosystem
Wink ecosystem
Hi-Fi
Hi-Fi
SmartTV
SmartTV
New releases and hits
New releases and hits
Top 100 tracks
Top 100 tracks
Karaoke
Karaoke
Recommendations
Recommendations
My stream
My stream
Music
Music
Podcasts
Podcasts
Books
Books
Albums
Albums
Tracks
Tracks
Artists
Artists
Playlists
Playlists
Favorite
Favorite
Subscription
Subscription
Design system
Design system
Wink ecosystem
Wink ecosystem
Hi-Fi
Hi-Fi
SmartTV
SmartTV
New releases and hits
New releases and hits
Top 100 tracks
Top 100 tracks
Karaoke
Karaoke
Recommendations
Recommendations
My stream
My stream
Music
Music
Podcasts
Podcasts
Books
Books
Albums
Albums
Tracks
Tracks
Artists
Artists
Playlists
Playlists
Favorite
Favorite
Subscription
Subscription
Design system
Design system
Wink ecosystem
Wink ecosystem
Hi-Fi
Hi-Fi
SmartTV
SmartTV
New releases and hits
New releases and hits
Top 100 tracks
Top 100 tracks
Karaoke
Karaoke
THE PROJECT BEGAN WITH A PROBLEM
THE PROJECT BEGAN WITH A PROBLEM
The previous team had neither a design system nor structured layouts. Part of the interface — including the main screen — had already been implemented, and we could not rewrite it from scratch. We had to work carefully with this legacy. The layouts were fragmented, inconsistent, and lacked auto layout.
At the same time, we needed to launch experiments on new platforms, including TV — which has completely different UX patterns and constraints. We started with cleaning up. We organized the files, reassembled the screens, structured the navigation, and synchronized with development. Concurrently, we began to build a component library — from buttons to cards and headers, adapted for all platforms.
The previous team had neither a design system nor structured layouts. Part of the interface — including the main screen — had already been implemented, and we could not rewrite it from scratch. We had to work carefully with this legacy. The layouts were fragmented, inconsistent, and lacked auto layout.
At the same time, we needed to launch experiments on new platforms, including TV — which has completely different UX patterns and constraints. We started with cleaning up. We organized the files, reassembled the screens, structured the navigation, and synchronized with development. Concurrently, we began to build a component library — from buttons to cards and headers, adapted for all platforms.
The previous team had neither a design system nor structured layouts. Part of the interface — including the main screen — had already been implemented, and we could not rewrite it from scratch. We had to work carefully with this legacy. The layouts were fragmented, inconsistent, and lacked auto layout.
At the same time, we needed to launch experiments on new platforms, including TV — which has completely different UX patterns and constraints. We started with cleaning up. We organized the files, reassembled the screens, structured the navigation, and synchronized with development. Concurrently, we began to build a component library — from buttons to cards and headers, adapted for all platforms.
OPTIMIZATION OF KEY SCENARIOS
OPTIMIZATION OF KEY SCENARIOS
OPTIMIZATION OF KEY SCENARIOS
Authorization has become easier — one screen, everything is to the point. Logins are quicker, and conversion has increased by 18%.
The player has been cleared: the noise was removed, the main features were retained, and everything was made livelier and faster. One interface — for all content.
Search also raised questions. The results were chaotic, and it was not always possible to find what you needed on the first try. We put on gloves and sorted everything out: now tracks come first, followed by albums, podcasts, and books. We added suggestions and recent queries — search has become almost predictable. The average time to the first action decreased by 23%.
Main scenarios have become faster, clearer, and visually cleaner.
Authorization has become easier — one screen, everything is to the point. Logins are quicker, and conversion has increased by 18%.
The player has been cleared: the noise was removed, the main features were retained, and everything was made livelier and faster. One interface — for all content.
Search also raised questions. The results were chaotic, and it was not always possible to find what you needed on the first try. We put on gloves and sorted everything out: now tracks come first, followed by albums, podcasts, and books. We added suggestions and recent queries — search has become almost predictable. The average time to the first action decreased by 23%.
Main scenarios have become faster, clearer, and visually cleaner.
Authorization has become easier — one screen, everything is to the point. Logins are quicker, and conversion has increased by 18%.
The player has been cleared: the noise was removed, the main features were retained, and everything was made livelier and faster. One interface — for all content.
Search also raised questions. The results were chaotic, and it was not always possible to find what you needed on the first try. We put on gloves and sorted everything out: now tracks come first, followed by albums, podcasts, and books. We added suggestions and recent queries — search has become almost predictable. The average time to the first action decreased by 23%.
Main scenarios have become faster, clearer, and visually cleaner.
TO GET EVERYTHING DONE AT ONCE,
WHILE DOING IT QUICKLY
TO GET EVERYTHING DONE AT ONCE,
WHILE DOING IT QUICKLY
TO GET EVERYTHING DONE AT ONCE,
WHILE DOING IT QUICKLY
As a result, I did not only work on interfaces, but also participated in launching advertising campaigns, overall branding, and subscription growth experiments. We did everything iteratively, and what we couldn't, we standardly added to the backlog.
As a result, I did not only work on interfaces, but also participated in launching advertising campaigns, overall branding, and subscription growth experiments. We did everything iteratively, and what we couldn't, we standardly added to the backlog.
As a result, I did not only work on interfaces, but also participated in launching advertising campaigns, overall branding, and subscription growth experiments. We did everything iteratively, and what we couldn't, we standardly added to the backlog.
DESIGN SYSTEM
DESIGN SYSTEM
The issue with layouts was separate; everyone did it their own way, the design lead did not address this problem, which led to a large mess.
Therefore, we started working on a full-fledged design system, which was important for future scaling. We conducted an audit of all platforms, documented recurring elements, described the anatomy of components, and documented the rules of usage. Each new update now goes through a review and is added to the library. At the moment of launch, there were already +20 people on the team — and this system allowed us to maintain a unified style and pace, without losing speed and quality.
The issue with layouts was separate; everyone did it their own way, the design lead did not address this problem, which led to a large mess.
Therefore, we started working on a full-fledged design system, which was important for future scaling. We conducted an audit of all platforms, documented recurring elements, described the anatomy of components, and documented the rules of usage. Each new update now goes through a review and is added to the library. At the moment of launch, there were already +20 people on the team — and this system allowed us to maintain a unified style and pace, without losing speed and quality.
RESULTS
RESULTS
WITHIN THE FRAMEWORK OF WINK MUSIC, I MANAGED TO LAUNCH A PRODUCT FROM SCRATCH, IMPLEMENT A DESIGN SYSTEM, AND SIMPLIFY THE INTERACTION BETWEEN DESIGNERS AND DEVELOPERS. THIS ACCELERATED PROCESSES AND ALLOWED US TO FOCUS ON THE QUALITY OF THE PRODUCT.
WITHIN THE FRAMEWORK OF WINK MUSIC, I MANAGED TO LAUNCH A PRODUCT FROM SCRATCH, IMPLEMENT A DESIGN SYSTEM, AND SIMPLIFY THE INTERACTION BETWEEN DESIGNERS AND DEVELOPERS. THIS ACCELERATED PROCESSES AND ALLOWED US TO FOCUS ON THE QUALITY OF THE PRODUCT.
WITHIN THE FRAMEWORK OF WINK MUSIC, I MANAGED TO LAUNCH A PRODUCT FROM SCRATCH, IMPLEMENT A DESIGN SYSTEM, AND SIMPLIFY THE INTERACTION BETWEEN DESIGNERS AND DEVELOPERS. THIS ACCELERATED PROCESSES AND ALLOWED US TO FOCUS ON THE QUALITY OF THE PRODUCT.
+34%
+34%
+34%
Subscription conversion rate
Subscription conversion rate
Subscription conversion rate
+12%
+12%
+12%
tNPS has grown
tNPS has grown
tNPS has grown
+8%
+8%
+8%
Grew Engagement
Grew Engagement
Grew Engagement