Sajith Kavishan
Back to projects

Case study

Car Sale Management System — Desktop App UI Design

A simple back-office app for a car showroom to add stock, find cars and record sales

UI/UX designDesktop appManagement systemFigma

UI/UX Design · By Sajith Kavishan

Start screen of the car sale app: the showroom name over a blurred dealership photo, with Add Car, Search Cars and Show All Cars buttons

About Project

A desktop management system for a car showroom, designed in Figma. Staff start from a single screen with three clear actions (add a car, search stock or view everything) and every task stays one step away. Forms use large labelled dropdowns for brand, model, registration, year, fuel type, engine capacity and colour, so vehicle records stay consistent, and each screen keeps a Back button in the same place.

Inventory
Sales
Customers

Fonts & Colors

Roboto

RegularMediumBold

Aa

Main

#E3E3E3

Secondary

#5D5D5D

Accent

#1F77DE
#FF0000

Other

#C0C1BE
#FFFFFF

Add a Vehicle

A focused form framed in the accent blue. Every vehicle attribute is picked from a dropdown instead of typed, which keeps stock data clean and quick to enter.

Add vehicle form with dropdowns for brand, model, registration number, year, fuel type, capacity and colour

Search & Sell

Filter the stock by brand and model, pick a car from the results table and move straight to selling it.

Search cars screen with brand and model filters above a results table, and Back and Sell buttons

Show All Cars

The full inventory adds a status filter for sold or available cars. Edit and Delete stay greyed out until a row is selected, so records are never changed by accident.

Show all cars table with brand, model and status filters, and disabled Edit and Delete buttons

Customer Details

Completing a sale captures the buyer's name, NIC, mobile number, email and address on one short form.

Customer details form with full name, NIC, mobile number, email and address fields

Update Vehicle Details

Editing reuses the add form layout with the current values pre-filled, so staff already know where everything is.

Update vehicle details form pre-filled with the selected car’s brand, model, registration, year, fuel type, capacity and colour

Thanks for watching!

UI/UX Design · By Sajith Kavishan

Start a project like this