Frontend implementation·2026

AutoStark

Used-car dealership storefront where visitors filter live stock through 10 filters, simulate leasing on each car and send requests through four forms.

JavaScript
CSS
JSP
reCAPTCHA
Google Maps

Visit live site

10 filtersLive faceted stock search

12–60 monthsLeasing simulator terms

4 formsFinancing · buyback · custom order · contact

2 brandsOne shared frontend codebase

01 — Context

The brief

AutoStark sells verified used cars in Otopeni, with leasing, buyback and a 3-year warranty behind every listing. They needed a storefront where visitors can search the live stock, see per-car leasing costs and reach the dealer from any page.

02 — Challenge

What made it hard

Every page had to move a visitor one step closer to contacting the dealer: find a car, price it, send a request.

Findable stock. Visitors have to find the right car fast: make and model search in the hero, a 10-filter rail with sorting on the listing, and a photo carousel on every vehicle card.
Financing per car. Every vehicle page carries a leasing simulator: pick a term from 12 to 60 months, set the down payment, and the monthly rate updates live, feeding straight into a credit-request form.
Lead flows everywhere. Buyback evaluation (full car spec plus photo and document upload), custom car orders, financing requests and per-car CarVertical report requests: all form-driven, validated and reCAPTCHA-protected.
Credibility. The 4.6★ Google rating with 400+ reviews, team profiles, a 3-year Defend Car Protect warranty and named financing partners appear on the pages where visitors decide, not just on an about page.

03 — Contribution

What I did

I built the front end, from stock browsing to the lead forms, on a codebase shared with a second dealer brand that has a completely different design.

Stock browsing. The hero quick-search, the filterable listing with price/year/km ranges and sorting, and vehicle cards with in-card image carousels, monthly-rate pricing and WhatsApp CTAs.
Vehicle page & simulator. The gallery with thumbnail strip, copy-to-clipboard VIN, spec grid, and the live leasing simulator: term pills and down-payment input recalculate the monthly rate as you type, then pre-fill the credit-request form.
Lead-capture forms. Buyback evaluation with client-side file upload (JPEG/PNG/PDF/HEIC), the custom-order form, financing and contact forms, with consistent validation and consent handling across all of them.

What it looks like

05 items

Homepage hero quick-search with the multi-select make dropdown open — Quick-search with multi-select makes and a model dropdown that repopulates from the chosen brands, landing visitors on a pre-filtered stock listing in one tap. Screens are in Romanian, the dealer's home market.

Stock listing with its 10-filter rail and vehicle cards — Stock listing: the full live stock behind a 10-filter rail, each card with its own photo carousel, monthly-rate pricing, warranty badge and WhatsApp CTA. On mobile the rail becomes a filter bottom sheet.

Vehicle detail page with gallery, copyable VIN and the live leasing simulator — Vehicle detail: gallery with thumbnail strip, copy-to-clipboard VIN, and the leasing simulator. Term pills (12–60 months) and a down-payment field recalculate the monthly rate live, straight into the credit-request form.

Vehicle detail page on mobile — Vehicle detail: gallery with thumbnail strip, copy-to-clipboard VIN, and the leasing simulator. Term pills (12–60 months) and a down-payment field recalculate the monthly rate live, straight into the credit-request form.

Vehicle page equipment tabs above the Google reviews carousel, with the leasing simulator rail — Further down the vehicle page: equipment grouped in tabs (audio, comfort, electronics, safety) above the 4.6★ Google reviews carousel. On mobile, the spec grid with copyable VIN, warranty benefits and the per-car CarVertical report request.

Vehicle page spec grid on mobile with copyable VIN, warranty and CarVertical report sections — Further down the vehicle page: equipment grouped in tabs (audio, comfort, electronics, safety) above the 4.6★ Google reviews carousel. On mobile, the spec grid with copyable VIN, warranty benefits and the per-car CarVertical report request.

Buyback request modal with name, email, phone and message fields over the vehicle page — Buyback request: every vehicle page opens a per-car modal with a pre-filled message, consent gating and reCAPTCHA, on desktop and mobile alike.

Buyback request modal on mobile over the leasing simulator — Buyback request: every vehicle page opens a per-car modal with a pre-filled message, consent gating and reCAPTCHA, on desktop and mobile alike.

Outcome

A live storefront where visitors filter real stock, simulate leasing per car and send requests through four forms, from a codebase shared with a second dealer brand that has a completely different design.