ChooseTV
ChooseTV
ChooseTV
Role in the project
UI/UX/Prototyp
About the project
TV matcher
Client
Maciej Koper / ChooseTV
Challenge
Challenge
Creating a television configurator with a colossal amount of data and information
Creating a television configurator with a colossal amount of data and information
Using interactive surveys, the platform guides the user to the ideal search results, and then to a television profile with available ratings and detailed specifications. It also offers tests of televisions and the ability to compare results.
Using interactive surveys, the platform guides the user to the ideal search results, and then to a television profile with available ratings and detailed specifications. It also offers tests of televisions and the ability to compare results.
Design system
Design system
Design system
Design system
I have prepared a list of typography, cards, icon colors, and much more.
I have prepared a list of typography, cards, icon colors, and much more.
stage 1
stage 1
From the homepage, we enter the interactive surveys to match the TV to our preferences.
From the homepage, we enter the interactive surveys to match the TV to our preferences.
The matching stages have been divided into 11 stages using intuitive surveys. Some stages can be skipped by the user.
The matching stages have been divided into 11 stages using intuitive surveys. Some stages can be skipped by the user.
Home
Home
The entrance to the survey is available on the homepage.
The entrance to the survey is available on the homepage.
This view also includes sections such as: Posts, Latest TV tests.
This view also includes sections such as: Posts, Latest TV tests.
2 stage
2 stage
After completing the surveys, we proceed to the page with the listing of television results.
After completing the surveys, we proceed to the page with the listing of television results.
I have prepared the entire user flow along with a prototype so that the client has a better overview of what has been done. What is important is that I highlighted the percentage of the TV's compatibility with needs and the offers of stores - affiliate links.
I have prepared the entire user flow along with a prototype so that the client has a better overview of what has been done. What is important is that I highlighted the percentage of the TV's compatibility with needs and the offers of stores - affiliate links.
Search results comparison
Search results comparison
We also have the option to compare TVs from the listing level.
We also have the option to compare TVs from the listing level.
After selecting the television items (using the checkbox), an option to select a maximum of two items and the "Compare" button appears on the main toolbar. The entire toolbar is permanently visible (sticky) at the top.
After selecting the television items (using the checkbox), an option to select a maximum of two items and the "Compare" button appears on the main toolbar. The entire toolbar is permanently visible (sticky) at the top.
3 stage
3 stage
TV view project
TV view project
Finally, we have a very extensive view with an expanded scoring of the television and the final verdict. The page is very comprehensive - it shows detailed information on how the scoring is derived - it contains a lot of tables, statistics, analyses, and much more.
Finally, we have a very extensive view with an expanded scoring of the television and the final verdict. The page is very comprehensive - it shows detailed information on how the scoring is derived - it contains a lot of tables, statistics, analyses, and much more.
4 stage
4 stage
As part of the order, I also created a view of TV tests along with a list of tests.
As part of the order, I also created a view of TV tests along with a list of tests.
I have prepared the entire user flow along with a prototype so that the client has a better overview of what has been done. What is important is that I highlighted the percentage of the TV's compatibility with needs and the offers of stores - affiliate links.
I have prepared the entire user flow along with a prototype so that the client has a better overview of what has been done. What is important is that I highlighted the percentage of the TV's compatibility with needs and the offers of stores - affiliate links.
Useful userflow
Useful userflow
In the mobile version, I used modals to effectively lay out the user path.
In the mobile version, I used modals to effectively lay out the user path.
Due to the large amount of information, I divided the user path into the most important highlights and UX modals.
Due to the large amount of information, I divided the user path into the most important highlights and UX modals.
5 stage
5 stage
Intro for a YouTube video
Intro for a YouTube video
I also created a short intro that matches the overall style of the website, which the client uses in their videos on their YouTube channel.
I also created a short intro that matches the overall style of the website, which the client uses in their videos on their YouTube channel.