
AUTOPROFF -
A CAR BIDDING APP
Team size
1 UX/ UI designer
Location
Silkeborg, DK
Year
2018
Client
AutoProff

Overview & Background
This is a car bidding app which offers for sale between professional car dealers. The cars are traded on a closed industry auction, and the platform is exclusively for professional car dealers or repairers with industry codes.
- Optimize car trade among professional (Access an optimized platform, with flow from exchange car to sales, which improves earning and turnover rates, as well as it creates security with the help of guaranteed prices.)
- Auction 24/7 (Cars are registered for auction every minute and auctioned all days.)
- Open system (Focus is on creating an open and transparent platform where transparency makes sure that both the buyer and the seller are happy with the system and thus save the purchase salary.)
- Statistics and Dashboard (Get access to measure your trades between professionals and experience the optimization.)
autoproff.com
UI
TYPOGRAPHY
Typeface
Color Pallete
#CECFAA
#6E747A
#FFFFFF
#121212
#1362AA
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
Open Sans

UI
MOCKUPS


Create Vehicle
To start an auction, user has to create vehicle first. Type of vehicle (Passenger Car, Motor Cycle or Van) has to be chosen.
And of-course, user has to enter Chasis number, scan license plate/ manually enter it into the box.
01.

Auction with a pop-up
Users can leave a note for the seller by clicking the icon on the bar of each auction.
03.

Auction
All new auctions will be loaded on this page. Users can find info about each auction here and decide which one they will bid.
02.
CREATE VEHICLE &
AUCTION PAGES

Basic data -1
Seller has to input info about the auction: Image, Brand, Color, Car type, Vehicle number, etc.
01.

Basic data -3
Seller has to input info about the auction: Image, Brand, Color, Car type, Vehicle number, etc.
03.

Basic data -2
Seller has to input info about the auction: Image, Brand, Color, Car type, Vehicle number, etc.
02.
BASIC DATA
Equipment
Seller also has to choose more info about equipment for the bidding car ...

ADDITIONAL INFO & EQUIPMENT
These 2 pages allow users adding more info for the bidding car.
Additional Infomation
Seller has to add more info for their car...

DAMAGE INDICATIONS &
PRICE AND AUCTION

01
Damage Indications
The next Step is choosing Damage Indications that the seller wants to notify buyers ...

02
Damage Indications > Hatch
Choose an item in the nest listing that you want to add info about Damage Indications for buyers.

03
Price & Auction
The final step is adding a base price. Note: you can choose the type of money depends on the country you want to bid your car.
Filter function
Open this function by clicking on the filter icon on your right side on the top bar of the auction page.

DETAIL & FILTER
These pages are for buyers who decide to bid or not. They will come and see the detailed info on the bidding car.
The filter function will help buyers can choose the car they want with their own criteria.
Detail page
Click on each auction to see the details...
