WybierzTV

UX/UI design of the website of the museum in Warsaw

My role

My role

UI/UX/Prototyp

UI/UX/Prototyp

About the project

About the project

Matching TV's configurator

Matching TV's configurator

Klient

Maciej Koper / WybierzTV

Challenge

Creating a TV configurator with a colossal amount of data and information

Using interactive surveys, the platform guides users to ideal search results and then to a TV profile with available scores and detailed specifications. It also offers TV tests and the ability to compare results.

Using interactive surveys, the platform guides users to ideal search results and then to a TV profile with available scores and detailed specifications. It also offers TV tests and the ability to compare results.

Design system

Design system

I've prepared a list of typography, cards, icon colors, and more.

Step 1

From the home page, we enter interactive surveys to adjust the TV to our preferences.

The matching process is divided into 11 steps using intuitive surveys. Users can skip some stages.

Home page

Entry to the surveys is available on the home page

This view also includes sections such as: Entries, Latest TV Tests

Step 2

After completing the surveys, we go to the page with the listing of TV results

I prepared the entire userflow, including a prototype, so the client could better understand what had been done. Importantly, I highlighted the percentage of TV fit to needs and the store offerings (affiliate links).

Search results comparison

Search results comparison

We also have the option to compare TVs from the listing level.

After selecting TVs (using the checkbox), the parent bar displays the option to select up to two items and a "Compare" button. The entire bar is permanently visible (sticky) at the top.

Step 3

TV profile with detailed scores and specifications

Finally, we have a very comprehensive view with the TV score expanded and the final verdict. The site is very comprehensive, showing precise details of the scoring, and includes numerous tables, statistics, analyses, and much more.

Step 4

TV comparison tool

From the TV profile level, the user can compare competing TVs at the same price

Step 5

As part of the assignment, I also created a TV test view, including a test listing.

I prepared the entire userflow, including a prototype, so the client could better understand what had been done. Importantly, I highlighted the percentage of TV fit to needs and the store offerings (affiliate links).

Useful userflow

In the mobile version, I used modals to effectively structure the user path (UX)

Due to the large amount of information,
I divided the user path into the most important distinguishing features and UX modals.

Step 6

Price drop/promotion view

Step 7

View TVs price/quality

Step 8

Intro for a YouTube video

I also created a short intro that matched the overall style of the website, which the client uses in his videos on his YouTube channel.

Step 9

Roll-up banners with QR code

Letter of recommendation

Customer recommendation

Customer recommendation