Strefa TB – strona internetowa
Strefa TB – strona internetowa
Strefa TB – strona internetowa

Strefa TB – strona internetowa

ROK

2021

KLIENT

AB SA

ZAKRES PRAC
Programowanie / UX/UI

Projekt

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.

tbzone-hp
tbzone-hp
tbzone-hp

Poprzednia wersja strony.

tbzone-stara
tbzone-stara
tbzone-stara

Elementy strony

Strona internetowa zbudowana jest z powtarzalnych elementów co zapewnia wizualną spójność na wszystkich podstronach.

tbzone-styleguide
tbzone-styleguide
tbzone-styleguide

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ą.

tbzone-produkty
tbzone-produkty
tbzone-produkty

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.

tbzone-indeks
tbzone-indeks
tbzone-indeks

W kategorii „akcesoria” możemy zawęzić liczbę wyników do kolejnych podkategorii i w każdej chwili do słowa kluczowego.

tbozne-indeks-2
tbozne-indeks-2
tbozne-indeks-2

Strona produktowa

Strona produktowa zawiera zdjęcie oraz wszystkie szczegółowe informacje dotyczące produktu.

tbzone-produkt
tbzone-produkt
tbzone-produkt

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.

tbzone-faq
tbzone-faq
tbzone-faq

Strona kontaktowa

Czysta strona kontaktowa z danymi teleadresowymi i formularzem kontaktowym.

tbzone-kontakt
tbzone-kontakt
tbzone-kontakt

Chcesz wycenić podobny projekt? Podaj nam swoje:

Trwa przekazywanie Twojej wiadomości! Proszę czekać.
Dziękujemy! Twoja wiadomość została wysłana!
Coś poszło nie tak! Sprawdź poprawność formularza i spróbuj ponownie za chwilę.
Ups! Wystąpił nieoczekiwany błąd. Spróbuj ponownie później.

Odezwiemy się do 24h.