Karty dla kategorii produktów
Zwrócili się z zadaniem stworzenia wygodnej nawigacji dla dużego katalogu towarów przemysłowych. Mieli ponad 500 pozycji tylko w jednej kategorii, a ludzie po prostu gubili się w takiej ilości. Potrzebne było coś prostego i intuicyjnego, aby klient mógł w kilka kliknięć znaleźć potrzebny towar.
Wziąłem za podstawę pomysł katalogu opon — tam ludzie przyzwyczaili się wybierać towar według charakterystyk — i dostosowałem do specyfiki narzędzi i chemii. Stworzyłem osiem głównych kategorii: uszczelniacze, kleje, smary, narzędzia, mocowania, ochrona, chemia samochodowa, pomiary. Użytkownik otwiera odpowiednią zakładkę i od razu widzi listę towarów z charakterystykami, może przejść na konkretną stronę.
Zrobiłem to całkowicie responsywnie — działa zarówno na komputerze, jak i na telefonie. Dodałem przesunięcia dla urządzeń mobilnych, nawigację klawiaturą, wsparcie dla zakładek przez URL. Użyłem czystego HTML/CSS/JS bez zbędnych bibliotek, aby szybko się ładowało i łatwo integrowało w ich stronie.
Technologie: HTML, CSS, JavaScript, responsywne układanie.
Wziąłem za podstawę pomysł katalogu opon — tam ludzie przyzwyczaili się wybierać towar według charakterystyk — i dostosowałem do specyfiki narzędzi i chemii. Stworzyłem osiem głównych kategorii: uszczelniacze, kleje, smary, narzędzia, mocowania, ochrona, chemia samochodowa, pomiary. Użytkownik otwiera odpowiednią zakładkę i od razu widzi listę towarów z charakterystykami, może przejść na konkretną stronę.
Zrobiłem to całkowicie responsywnie — działa zarówno na komputerze, jak i na telefonie. Dodałem przesunięcia dla urządzeń mobilnych, nawigację klawiaturą, wsparcie dla zakładek przez URL. Użyłem czystego HTML/CSS/JS bez zbędnych bibliotek, aby szybko się ładowało i łatwo integrowało w ich stronie.
Technologie: HTML, CSS, JavaScript, responsywne układanie.