WybierzTV
Dopasowarka telewizorów do potrzeb użytkownika
Wyzwanie
Stworzenie konfiguratora telewizorów z kolosalną ilością danych i informacji
Design system
Design system
Przygotowałem wykaz typografii, kart, kolorów ikon i wiele więcej.
1 etap
Etapy dopasowania zostały podzielone na 11 etapów za pomocą intuicyjnych ankiet. Niektóre etapy może użytkownik pominąć.
Strona główna
Wejście do ankiet jest dostępne na stronie głównej
Ten widok bo obejmuje również takie sekcje jak: Wpisy, Najnowsze testy telewizorów
2 etap
Po wypełnieniu ankiet przechodzimy do strony z listingiem wyników telewizorów
Przygotowałem cały userflow łącznie z prototypem, aby klient miał lepszy przegląd tego co zostało zrobione. To co istotne wyróżniłem procent dopasowania telewizora do potrzeb oraz oferty sklepów - linki afiliacyjne.
Porównywarka wyników wyszukiwania
Mamy również możliwość porównania telewizorów z poziomu listingu
Po zaznaczeniu pozycji telewizorów (za pomocą checkbox'a) pojawia się na pasku nadrzędnym opcja zaznaczenia maksymalnie dwóch pozycji oraz przycisk "Porównaj". Cały pasek jest widoczny (przyklejony-sticky) na stałe w górnej części.
3 etap
Profil telewizora z szczegółową punktacją i z specyfikacją
Finalnie mamy bardzo obszerny widok z rozwinietą punktacją telewizora i ostatecznym werdyktem. Strona jest bardzo obszerna - pokazuje dokładne szczegółowe informacje z czego wynika punktacja - zawiera mnóstwo tabel, statystyk, analiz i wiele więcej.
4 etap
Porównywarka telewizorów
Z poziomu profilu tv użytkownik może porównać konkurencyjne telewizory w tej samej cenie
4 etap
W ramach zlecenia wykreowałem również widok testów telewizorów łącznie z listingiem testów
Przygotowałem cały userflow łącznie z prototypem, aby klient miał lepszy przegląd tego co zostało zrobione. To co istotne wyróżniłem procent dopasowania telewizora do potrzeb oraz oferty sklepów - linki afiliacyjne.
Użyteczne userflow
W wersji mobilnej zastosowałem modale, aby ułozyć skutecznie ścieżkę użytkownika (ux)
Ze względu na dużą ilość informacji ścieżkę użytkownika podzieliłem na najważniejsze wyróżniki oraz na UX'owe modale.
5 etap
Widok spadku cen/promocji
6 etap
Widok telewizory cena/jakość
7 etap
Intro dla filmu youtube
Wykonałem również krótkie intro dopasowane do całości stylistyki strony, które klient wykorzystuje w swoich filmach na kanale youtube.
8 etap
Rollupy z kodem QR









































