Cazam · 2025
A car dealer's stock, searchable from the first screen
I designed Cazam's website: a search-led homepage, the catalogue, the car page and a page for each of the dealer's services, at desktop and mobile widths.
The site is live at cazam.bg.
- Role
- Designer — UI and UX
- Scope
- Homepage, catalogue, car page, services, blog, FAQ and contact
- Widths
- Desktop (1920) and mobile (375)
- Status
- Website launched
01 · The project
The project
Cazam sells checked used cars from a showroom in Sofia, alongside buy-back, leasing, import and warranty services. The website carries the stock and those services: a searchable catalogue, a page for every car and a page for each service.
The file holds the desktop and mobile designs side by side, the forms and thank-you states behind them, and a round of the client's notes written beside the frames.
02 · Design decisions
Design decisions
- 01
The search is the homepage
The first screen is a search across the stock: brand, model, body type, year, gearbox and fuel, with limits for price and mileage and one Find button in the brand red.
On a phone the same fields stack under the headline, each a full-width select, with the button last.
Reconstructed from the design file · The search at 375. The desktop version is the first screen at the top of this page.
- 02
Every car priced three ways
Each offer card gives the price in leva and in euro and the monthly instalment beside it, with a badge for a promotion or a warranty on the photograph.
The year, fuel, mileage and gearbox sit in two short rows under the model name, so cards can be compared without opening them.
Reconstructed from the design file · The homepage offers. The prices in the file are placeholders.
- 03
One car page, three ways to act
The car page puts three actions side by side: book a viewing, buy online, or open the leasing calculator. Each opens a short form in a sheet over the page rather than a new page; the viewing form is the only one that asks for a date and a time.
Further down, the page shows the car's last service, with its date and mileage.
The car page Book a viewing Request leasing Talk to an expert Reconstructed from the design file · The car page and its three sheets, at 375.
- 04
Two leases, compared on the same rows
The leasing page sets financial and operating leasing side by side, each with a diagram of its payments and the same rows beneath: who can apply, the term, the down payment, the residual value and the age of the car.
The differences sit in the same places on both sides, so they read at a glance.
Reconstructed from the design file · The leasing comparison.
03 · What I delivered
What I delivered
Desktop and mobile designs for the homepage, catalogue, car page, leasing, import, warranty, blog, FAQ and contact pages, with the forms and thank-you states behind them.
04 · What I would revisit
What I would revisit
The offer cards repeat placeholder prices whose leva and euro figures do not agree, and the customer section repeats one placeholder review. I would fill the cards and reviews with real samples before handoff, so the layout is tested against real lengths and the two currencies are checked against each other.
Project note
The visuals are reconstructed from the design file, with Axiforma set in Poppins. The live site at cazam.bg carries this design with later changes, including a different homepage hero.
05 · Explore the system
Explore the system
Navy carries the text, red carries the actions, and the page sits on a light grey.
Colour and typography4 colours
- Red
- #E54B4BThe Find button, the phone button and the badges. White on it measures 3.86:1, enough only for the large bold labels it carries.
- Page grey
- #F1F1F1The page ground behind the white cards and the search panel.
- Navy#2A2A72Headings, navigation and body text. 12.56:1 on white.
- Ink#08083DField labels and values in the search. 18.88:1 on white.
Hex values read from the homepage fills in the design file; ratios measured against the ground named beside them.