Marketplace sprzedaży akcesoriów samochodowych do 5000 sztuk towaru
Projektowanie interfejsów użytkownika (UI/UX) 6046 PLN
Projekt: Marketplace akcesoriów samochodowych RW-Trade
Opracowanie pełnego projektu graficznego strony e-commerce z katalogiem do 5000 produktów — marketplace akcesoriów samochodowych RW-Trade.
Zadanie: zamienić platformę prom.ua na własną stronę z zachowaniem wygody, ale z nowoczesnym designem skoncentrowanym na użytkowniku.
Przeprowadzono:
Analizę konkurencji za pomocą Google Analytics
Badanie UX, na podstawie którego stworzono zrozumiałą, logiczną strukturę.
Wszystkie etapy od szkiców wireframe po gotowy design były uzgadniane z zamawiającym.
Design:
Tło strony: lekki, przewiewny kolor, aby zmniejszyć obciążenie wizualne
Główny kolor akcentowy: gradient — połączenie technologicznego turkusu i chłodnego niebieskiego, które kojarzą się z niezawodnością, dynamiką i tematyką motoryzacyjną.
Dwa responsywne układy z rozciąganiem treści:
- Mobile / tablet: 375px — 1280px
- Desktop / laptop: 1280px — 1920px
Wszystko się rozciąga, karty dodają się w rzędy, tekst się nie łamie :)
Zamawiający chciał oddzielić hurtowych i detalicznych klientów:
- Zaimplementowano popup przy wejściu, gdzie użytkownik wybiera swój typ (hurt / detal)
- W nagłówku — przełącznik cen: hurtowe - detaliczne
- Zamawiający NIE chciał, aby w karcie produktu były 2 ceny (hurtowa i detaliczna)
Zdecydowano się na brak duplikacji cen w karcie produktu
Filtrowanie produktów:
Problem: ponad 100 podkategorii z unikalnymi filtrami (średnice, częstotliwości, rozmiary itp., dla każdej podkategorii własne filtry)
Rozwiązanie: wymyśliłem dynamiczny system filtrów, który administrator konfiguruje ręcznie przy dodawaniu produktów — to zaoszczędziło mnóstwo czasu i pieniędzy zamawiającego na tworzenie 100+ unikalnych szablonów.
Dwujęzyczność: Strona posiada przełącznik języków (ukraiński i angielski)
Podczas tworzenia karty produktu, menedżer wypełnia dwa pola tekstowe: ukraiński i angielski
Nie można zapisać produktu, dopóki nie wypełnione są oba języki.
Dodatkowo zrealizowano:
- Klikalne prototypy (z animacjami)
- 3 warianty logo — zamawiający wybrał agresywny: samochód w biegu + nazwa RW-Trade
- 3 banery reklamowe na stronie głównej — zaproponowałem produkty do nich, korzystając z własnych umiejętności "przedstawiciela handlowego"
Zaprojektowano wygodny i przemyślany panel administracyjny:
- Zarządzanie produktami / kartami / filtrami / kategoriami i podkategoriami
- Powiadomienia i alerty
- Zarządzanie zamówieniami / filtrowanie
- Ręczne wprowadzanie kursu USD z automatycznym przeliczaniem cen
- Statystyki sprzedaży i analityka według kategorii
Liczba stron:
Dla użytkowników: 10 unikalnych stron i 11 popupów
Panel administracyjny: 12 unikalnych stron i 11 popupów
Termin realizacji:
~ 2 miesiące (bez uwzględnienia dni wolnych)
#UIUX #webdesign #ecommerce #Figma #protetykowanie #adaptacyjnydesign #sklep samochodowy #interfejs #UXbadania #filtracja #dwujęzyczność #paneladministracyjny #banery #logo #usercentereddesign #marketplace #prototyping #marketplace
Opracowanie pełnego projektu graficznego strony e-commerce z katalogiem do 5000 produktów — marketplace akcesoriów samochodowych RW-Trade.
Zadanie: zamienić platformę prom.ua na własną stronę z zachowaniem wygody, ale z nowoczesnym designem skoncentrowanym na użytkowniku.
Przeprowadzono:
Analizę konkurencji za pomocą Google Analytics
Badanie UX, na podstawie którego stworzono zrozumiałą, logiczną strukturę.
Wszystkie etapy od szkiców wireframe po gotowy design były uzgadniane z zamawiającym.
Design:
Tło strony: lekki, przewiewny kolor, aby zmniejszyć obciążenie wizualne
Główny kolor akcentowy: gradient — połączenie technologicznego turkusu i chłodnego niebieskiego, które kojarzą się z niezawodnością, dynamiką i tematyką motoryzacyjną.
Dwa responsywne układy z rozciąganiem treści:
- Mobile / tablet: 375px — 1280px
- Desktop / laptop: 1280px — 1920px
Wszystko się rozciąga, karty dodają się w rzędy, tekst się nie łamie :)
Zamawiający chciał oddzielić hurtowych i detalicznych klientów:
- Zaimplementowano popup przy wejściu, gdzie użytkownik wybiera swój typ (hurt / detal)
- W nagłówku — przełącznik cen: hurtowe - detaliczne
- Zamawiający NIE chciał, aby w karcie produktu były 2 ceny (hurtowa i detaliczna)
Zdecydowano się na brak duplikacji cen w karcie produktu
Filtrowanie produktów:
Problem: ponad 100 podkategorii z unikalnymi filtrami (średnice, częstotliwości, rozmiary itp., dla każdej podkategorii własne filtry)
Rozwiązanie: wymyśliłem dynamiczny system filtrów, który administrator konfiguruje ręcznie przy dodawaniu produktów — to zaoszczędziło mnóstwo czasu i pieniędzy zamawiającego na tworzenie 100+ unikalnych szablonów.
Dwujęzyczność: Strona posiada przełącznik języków (ukraiński i angielski)
Podczas tworzenia karty produktu, menedżer wypełnia dwa pola tekstowe: ukraiński i angielski
Nie można zapisać produktu, dopóki nie wypełnione są oba języki.
Dodatkowo zrealizowano:
- Klikalne prototypy (z animacjami)
- 3 warianty logo — zamawiający wybrał agresywny: samochód w biegu + nazwa RW-Trade
- 3 banery reklamowe na stronie głównej — zaproponowałem produkty do nich, korzystając z własnych umiejętności "przedstawiciela handlowego"
Zaprojektowano wygodny i przemyślany panel administracyjny:
- Zarządzanie produktami / kartami / filtrami / kategoriami i podkategoriami
- Powiadomienia i alerty
- Zarządzanie zamówieniami / filtrowanie
- Ręczne wprowadzanie kursu USD z automatycznym przeliczaniem cen
- Statystyki sprzedaży i analityka według kategorii
Liczba stron:
Dla użytkowników: 10 unikalnych stron i 11 popupów
Panel administracyjny: 12 unikalnych stron i 11 popupów
Termin realizacji:
~ 2 miesiące (bez uwzględnienia dni wolnych)
#UIUX #webdesign #ecommerce #Figma #protetykowanie #adaptacyjnydesign #sklep samochodowy #interfejs #UXbadania #filtracja #dwujęzyczność #paneladministracyjny #banery #logo #usercentereddesign #marketplace #prototyping #marketplace