UX/UIJuly 2023
MotoplatformaBuy a motorcycle online.
A multi-brand motorcycle showroom and online financing system — designed from scratch, from the search to the lease application.
01Brief
A virtual motorcycle showroom, designed from scratch
Motoplatforma.pl was a virtual multi-brand motorcycle showroom: the sale and financing of new and used motorcycles from various brands.
On the site you could
- browse motorcycle offers,
- compare prices and specifications,
- apply for a loan or lease.
The service worked with reputable dealers and banks to give customers a safe, convenient way to buy a motorcycle online.

About the project
- Client
- Motoplatforma Sp. z o.o.
- Based in
- Katowice
- Role
- UX/UI — solo project
- Scope
- the site from scratch: desktop and phone
- Date
- July 2023
02Process
From the motorcycle industry to the interface
The company asked me to design motoplatforma.pl from scratch.
Industry
familiarizing myself with the motorcycle industry
Needs
identifying users’ needs and expectations
Prototypes
building prototypes and testing them with potential clients
Interface
designing the site’s interface
- aesthetics
- ergonomics
- accessibility
03Business and private
Net for a business, gross for a private buyer
The Business | Private buyer switch sat on the search, the listing, the motorcycle page and the financing section, and the offer cards showed both installments: net for businesses, gross for private buyers.
Prices, installments and offers are samples
04Listing
Motorcycles by monthly installment
The home page’s filters came back on the listing — brand, model, type, fuel, financing for a business or a private buyer, and the monthly installment instead of the price — and every card showed two installments.
Prices, installments and offers are samples
05Motorcycle page
Tailor your offer
On the motorcycle page, next to the photos and specifications, sat the calculator: who buys, lease or loan, term, down payment, buyout value — and the monthly installment.
Prices, installments and offers are samples
06Inquiry
An inquiry with the offer already summed up
The form collected the details an advisor needed to get in touch, next to a summary of the offer: the motorcycle, financing, term, down payment, buyout and installment. GAP insurance and an extended warranty — one switch each.
Prices, installments and offers are samples
Whatever you type in the replica stays in your browser — nothing is sent.
07Phone
The lease application flow on a phone
On a phone the search became a sheet, the installment and its button stayed pinned to the bottom of the screen, and the chosen offer could be expanded at any moment.
Screens of the flow
Prices, installments and offers are samples
Whatever you type in the replica stays in your browser — nothing is sent.
08System
Aesthetics, ergonomics and accessibility
One red for the background and the action, pill switches, sliders with a halo and badges — the same on desktop and on a phone.
Colors
Click a swatch to copy its code.
Red
Background, buttons, sliders and prices
contrast 6.77:1 white on red
Pink
Badges and highlights
contrast 5.17:1 red on pink
Rail
The slider’s unfilled track
Panel
Calculator and summary
contrast 6.6:1 red on the panel
Mist
The browser window’s bar
Ink
Headings, text and outlines
contrast 15.54:1 on white
Menu gray
The header’s navigation
contrast 4.61:1 on white
Hairline
Card borders
Logo bluelogo only
The letter M in the logo
contrast 2.86:1 on white
Disabled field
“Model” until a brand is chosen
Controls
They run on the same offer as the replicas: a change here carries across the whole presentation.
Pills
Sliders
Selects
Switch and checkbox
Buttons and a link
Result PLN /monet
Prices, installments and offers are samples
Badges
Condition, availability and a reduced installment.
- Condition
- NewUsed
- Availability
- In stock
- Discounted installment
before: 498 PLNnow: 374 PLN/mo
Prices, installments and offers are samples
The number as a headline
How the installment was built on the motorcycle page.
1,061 PLN /monet
- number
- unit
- spaced slash
- net or gross
09Boards
The project boards
Five screens of the site on desktop and the lease application flow on a phone.
Trademarks and motorcycle photos (Moto Guzzi, Vespa, Ducati and others) belong to their owners.








