Strefa TB – strona internetowa
ROK
2023
KLIENT
AB SA
ZAKRES PRAC
Programowanie / UX/UIProjekt
Naszym zadaniem było przeprojektowanie strony internetowej producenta tuszy i tonerów. Dotychczasowa strona była już nieco przestarzała i zawierała wiele niepotrzebnych elementów. Zaproponowaliśmy kilka zmian funkcjonalnych i odświeżyliśmy wygląd interfejsu dla wersji desktopowej oraz mobilnej.
Strona główna była trzyelementową karuzelą bez żadnego wprowadzenia czego dotyczy strona. Pozycje karuzeli były odzwierciedleniem oferty firmy – druk, oświetlenie i akcesoria. Każdy element karuzeli zawierał własną wyszukiwarkę. Zaproponowaliśmy inne rozwiązanie.
Nowa koncepcja
Stworzyliśmy stronę główną prezentującą zwięźle ofertę firmy i umożliwiającą szybką nawigację do różnych kategorii produktowych. Wyszukiwarka, działająca na zasadzie zawężania wyników, dostępna jest po wybraniu interesującej nas kategorii produktów. Dodatkowo w każdej chwili możemy skorzystać z wyszukiwarki ogólnej dostępnej z głównej nawigacji. Tutaj przeszukujemy całą stronę po słowie kluczowym. Możemy wybrać dodatkowe opcje jeśli szukamy tuszu lub tonera.
Poprzednia wersja strony.
Elementy strony
Strona internetowa zbudowana jest z powtarzalnych elementów co zapewnia wizualną spójność na wszystkich podstronach.
Strona produktów
Z sekcji otwarciowej na stronie głównej oraz z głównego menu możemy przejść do ogólnej kategorii „Produkty”. Tutaj wybieramy podkategorie na których znajdziemy listę produktów z wyszukiwarką.
Lista produktów
Przechodząc do kategorii „tusze” lub „tonery” zobaczymy listę produktów i zawsze widoczną wyszukiwarkę, za pomocą której możemy zawęzić wyniki do marki, koloru oraz słowa kluczowego. Wybranie marki przeładowuje stronę i pokazuje wszystkie produkty danej marki, wybór koloru lub słowa kluczowego zawęża wyniki automatycznie bez konieczności przeładowywania strony co przyspiesza proces wyszukiwania.
Ogólna wyszukiwarka jest zawsze dostępna z głównej nawigacji.
W kategorii „akcesoria” możemy zawęzić liczbę wyników do kolejnych podkategorii i w każdej chwili do słowa kluczowego.
Strona produktowa
Strona produktowa zawiera zdjęcie oraz wszystkie szczegółowe informacje dotyczące produktu.
FAQ
Najczęściej zadawane przez klientów pytania znajdują się w dziale FAQ. Podzielony jest on na część dotyczącą tuszy i tonerów oraz część poświęconą akcesoriom.
Strona kontaktowa
Czysta strona kontaktowa z danymi teleadresowymi i formularzem kontaktowym.
