UX/UIlipiec 2023
MotoplatformaKup motocykl online.
Wielomarkowy salon motocyklowy i system finansowania online — zaprojektowany od zera, od wyszukiwarki po wniosek o leasing.
01Brief
Wirtualny salon motocyklowy, zaprojektowany od zera
Motoplatforma.pl była wirtualnym wielomarkowym salonem motocyklowym: sprzedaż i finansowanie nowych i używanych motocykli różnych marek.
Na stronie można było
- znaleźć ofertę motocykli,
- porównać ceny i parametry,
- złożyć wniosek o kredyt lub leasing.
Serwis współpracował z renomowanymi dealerami i bankami, aby zapewnić klientom bezpieczny i wygodny zakup motocykla online.

Informacje o projekcie
- Klient
- Motoplatforma Sp. z o.o.
- Siedziba
- Katowice
- Rola
- UX/UI — projekt solowy
- Zakres
- serwis od zera: komputer i telefon
- Termin
- lipiec 2023
02Proces
Od branży motocyklowej do interfejsu
Firma zleciła mi zaprojektowanie serwisu motoplatforma.pl od zera.
Branża
zapoznanie się z branżą motocyklową
Potrzeby
zidentyfikowanie potrzeb i oczekiwań użytkowników
Prototypy
stworzenie prototypów i testowanie ich z potencjalnymi klientami
Interfejs
zaprojektowanie interfejsu graficznego serwisu
- estetyka
- ergonomia
- dostępność
03Firma i osoba prywatna
Netto dla firmy, brutto dla osoby prywatnej
Przełącznik Firma | Osoba prywatna stał na wyszukiwarce, liście, karcie motocykla i przy finansowaniu, a karty ofert pokazywały obie raty: dla firm netto, dla osób prywatnych brutto.
Ceny, raty i oferty są przykładowe
04Lista
Motocykle według wysokości raty
Filtry strony głównej wracały na liście — marka, model, typ, paliwo, finansowanie dla firmy albo osoby prywatnej i wysokość raty zamiast ceny — a każda karta pokazywała dwie raty.
Ceny, raty i oferty są przykładowe
05Karta motocykla
Dostosuj parametry oferty
Na karcie motocykla, obok zdjęć i parametrów, stał kalkulator: kto kupuje, leasing czy kredyt, okres, wkład własny, wartość wykupu — i rata miesięczna.
Ceny, raty i oferty są przykładowe
06Zapytanie
Zapytanie z gotowym podsumowaniem oferty
Formularz zbierał dane do kontaktu z doradcą, a obok stało podsumowanie oferty: motocykl, finansowanie, okres, wkład, wykup i rata. Ubezpieczenie GAP i rozszerzona gwarancja — po jednym przełączniku.
Ceny, raty i oferty są przykładowe
Dane wpisane w replice zostają w Twojej przeglądarce — nic nie jest wysyłane.
07Telefon
Przepływ wniosku o leasing w telefonie
Na telefonie wyszukiwarka zamieniała się w arkusz, rata z przyciskiem stała przyklejona u dołu ekranu, a wybrane parametry oferty dało się rozwinąć w każdej chwili.
Ekrany przepływu

Kup motocykl online z dostawą do domu
Szybka oferta, atrakcyjne finansowanie, Twój motocykl jest bliżej Ciebie, niż myślisz.

- Elektryczny
- Scrambler
- Trial
Rata poniżej 1 000 zł/msc
Ceny, raty i oferty są przykładowe
Dane wpisane w replice zostają w Twojej przeglądarce — nic nie jest wysyłane.
08System
Estetyka, ergonomia i dostępność
Jedna czerwień na tło i akcję, pigułki wyboru, suwaki z poświatą i plakietki — te same na komputerze i w telefonie.
Kolory
Kliknij próbkę, aby skopiować jej kod.
Czerwień
Tło, przyciski, suwaki i ceny
kontrast 6,77:1 biały na czerwieni
Róż
Plakietki i wyróżnienia
kontrast 5,17:1 czerwień na różu
Szyna
Nieaktywna część suwaka
Panel
Kalkulator i podsumowanie
kontrast 6,6:1 czerwień na panelu
Mgła
Pasek okna przeglądarki
Tusz
Nagłówki, tekst i obrysy
kontrast 15,54:1 na bieli
Szarość menu
Nawigacja w nagłówku
kontrast 4,61:1 na bieli
Linia
Obramowanie kart
Niebieski logotylko w logo
Litera M w logo
kontrast 2,86:1 na bieli
Pole wyłączone
„Model”, zanim wybierzesz markę
Kontrolki
Działają na tej samej ofercie co repliki: zmiana tutaj zmienia ją w całej prezentacji.
Pigułki
Suwaki
Listy
Przełącznik i pole wyboru
Przyciski i link
Wynik zł /miesnetto
Ceny, raty i oferty są przykładowe
Plakietki
Stan, dostępność i obniżona rata.
- Stan
- NowyUżywany
- Dostępność
- Dostępny od ręki
- Rata w promocji
przed obniżką: 498 złpo obniżce: 374 zł/mies
Ceny, raty i oferty są przykładowe
Liczba jako nagłówek
Tak była zbudowana rata na stronie motocykla.
1061 zł /miesnetto
- liczba
- jednostka
- ukośnik ze spacją
- netto albo brutto
09Plansze
Plansze projektu
Pięć ekranów serwisu na komputerze i przepływ wniosku o leasing w telefonie.
Znaki towarowe i zdjęcia motocykli (Moto Guzzi, Vespa, Ducati i inne) należą do ich właścicieli.







