Televzr pro
All-in-one media library. Player, downloader and media organizer. Desktop & mobile app. Monetization with a paid subscription.
  • Period
    2021 — 2022
  • Role
    Lead Product designer
  • Duty
    A full range of design support for the project. Visual style and identity. Design of the UI and scenarios. Processing analytics data and improving conversion.
  • Achievement
    Our team created and developed the product and drove it to $10,000 a week. Which allowed us to recoup the cost of the team and bring in money for the business.

Specifics
  • 50M
    Monthly active users
  • 10x
    Revenue rise
Video summary
Main points of the case in 75 seconds

Problem & task
3205 team had a website savefrom.net. It let you download media files with direct links. The website was in the top 100 of the most visited websites in the world. It had 50 million unique users per month. But the site's features are causing problems with copyright holders. Needed a new standalone product to move the paying audience to it and make the business more legal.
Research
  • Surveys
We conducted surveys on why people download videos and what they do with files. It turned out that in addition to simple porn videos, teachers often download them to show videos teaching applied subjects, religious ministers for sermons, as well as for viewing on a bad Internet.

  • Cust dev
We contacted people in the USA to get more information and to cover various usage situations. We talked about downloading videos for offline viewing in airplanes and traveling. The conversations confirmed the value of the product and people's willingness to pay for it.
Legacy
When I started my work, there was an MVP of the product. It supported the basic functions of the target application and solved the main tasks. However, it had some issues: it didn't work well, wasn't clear to users, and didn't sell well.

First step
We use the JTBD frame to shape the design of scenarios. Which leads us to the goals that the user wants and needs to achieve. And also the business wants to achieve. After analyzing the conversion rates for the MVP, the product manager and I decided to make the product much simpler. We aimed to make it more understandable and familiar to users. This should have increased conversion rates, as many users deleted the app after just one use.
Goals
There is a clear connection between user goals and business objectives. Users want to know how to get content, how to consume it, and how to get more of it. By meeting this need, businesses can retain users and generate more revenue.
How to?
Get
Consume
Get more
Retention
Revenue

Redesign
To address these objectives, we have thoroughly revised and updated the design of the application, as well as the onboarding process and scenarios. These emphasized key interface elements, simplify texts, and generally reduce the cognitive load on user.
Emphasis
To ensure that the user immediately finds the answers to their “how to” question - get the emphasis right. For example, the main action for the user was downloading. It was the button for getting a new video that he was looking for with his eyes in the first session. Therefore, it was made more significant and stand out.
Simplification
We have simplified the path to the main action, removed unnecessary elements, and made the most important ones easier to find and larger. For example, we have simplified the download screen by making it a single field where users can insert a link.
UX writing & microcopy
We paid special attention to the texts. We have rewritten the explanations, descriptions, interface texts, buttons, and fields multiple times. We also conducted A/B testing to improve the texts. We tried to make it as clear as possible with the least amount of reading required.

Example: In the first session, the user goes through a small click tour as onboarding. And the problem with any click tour is that it's always a barrier between the user and their goal. Everyone wants to click skip, doesn't read blocks of text, or clicks through without looking. So we reduced the text to pointing phrases and made only three non-skippable steps with a visual timer.

Identity
In addition to functional usability, we wanted to create a visually recognizable product. To separate it from all related products, to inspire more trust in the user and ownership in the team I invested time in developing the identity of the product.
Logotype
The final version came out simple, but we didn't come to it right away. We tried different images and symbols and used them for some time to understand how it was perceived.
Branded graphics
The graphics wanted to be trending (at the time), but not too flashy. The result was two-color 3D. The whole style was based on the absorbing white space. Since the essence of the product is the user's content.

UX Cases
At times, we've had spot improvements to the user experience. It wasn't always out of a goal of impacting conversions or key metrics, sometimes it was simple user care.
Quality selection
We faced some minor problems when users selected video quality. This had an non-obvious impact on the conversion rate at this stage. To solve this, we took the simplest approach to reduce cognitive load: by simplifying the process. We reduced the number of actions required, leaving only one button with the key action. This way, the user had no room for error, and selecting the quality became the next logical step in the process.
Slow connection
The average user had a slow internet connection, which is why they used our application to download files. However, some users left the app after the first download because they couldn't see the progress or couldn't wait that long.
To make the progress more visible, we added a message about the low internet speed and suggested that the user reduce the quality. We also included an approximate calculation of the download time.
Player redesign
During the development process, we realized that the player panel takes up a lot of space, especially on smaller screens. However, the main focus for the user is the content, not the interface. To address this issue, we created an adaptive panel. When nothing is playing, it minimizes to the play button. During playback, additional elements appear. When the user hovers the cursor over the panel, the full view opens.

In the initial concept, it was planned to use full-screen player controls that would depend on the cursor position on the screen and be linked to it.
Advanced settings
At some point, we started receiving emails from users who were using our application for professional purposes. Their feedback was that in their work they use a different video codec and a specific hardware configuration.

Their request was not large enough to justify the cost of processing it. However, we wanted to help them, so we added a section with advanced settings for professionals.
Themes
For example, the main action for the user was downloading. It was the button for getting a new video that he was looking for with his eyes in the first session. Therefore, it was made more significant and stand out.

Conversion
comparing
In the process we conducted A/B tests in different parts of the interface, tracked user sessions via an activity tracker and communicated with users. Conversion has definitely increased in all key aspects.
11
18
Authorized
Before
%
After
73
86
Downloaded
the first file
34
48
Opened the
download section
91
95
Started
downloading
23
35
Downloaded
the second file

Website and sales
The website and landing pages were the main parts of the sales funnel. They were the most important part of the sales process and were changed and tested a lot to improve conversions.
Main sections
Lists and menus
Player
Music
Results
To address these objectives, we have thoroughly revised and updated the design of the application, as well as the onboarding process and scenarios. These emphasized key interface elements, simplify texts, and generally reduce the cognitive load on user.