Tyneline Automotive — premium car dealership website

Most used-car websites are a feed from a stock system with a logo on top: two hundred thumbnails, a finance calculator and a phone number. The brief was the opposite — an independent that holds twelve cars at a time, prepares every one in its own workshop, and wants a website that sells that care before anyone has picked up the phone. Premium car sales first; the workshop, detailing and aftercare in support, never presented as an ordinary repair garage.

A dealer website gives itself away in the details, so every one of them is right for the UK market: prices in pounds, mileage in miles, UK registration years and plate identifiers, right-hand-drive interiors, MOT expiry dates, service history, previous keepers, V5C, Euro 6 and ULEZ status, manual and automatic, petrol, diesel, hybrid and electric. The language is the trade’s own — stock, part exchange, book a viewing, test drive — and telephone numbers use Ofcom’s reserved drama ranges, so nothing on the site can ring a real person.

Petrol blue, warm ivory and brushed aluminium, with one burnt-orange accent rationed to scarcity and status. Baskervville carries the headlines and Manrope everything that has to be read. The layout system was set with GetLayers before a line of code was written — the Aerra style, where hierarchy comes from size rather than weight, there are no drop shadows, and every dark area on screen is a photograph or a deliberate petrol-blue band. The automotive patterns — trim and status chips, specification strips, the model card and the test-drive call to action — were adapted from HorizonX’s VOLT automotive design system rather than borrowed as a dark skin. No black and gold, no template.

The catalogue filters by make, model, maximum price, fuel, gearbox and body style, with free-text search and five sort orders. Results update instantly with a running count and the price span of what is left — “6 of 12 cars match · £16,950–£48,950” — and the filters live in the address bar, so a filtered view can be shared. Every car is in the HTML for search engines and works with JavaScript off. On a phone the filter panel folds behind a single control that reports what is set, so the first car arrives on the opening screen.

Each car has its own page: a six-photograph gallery with a full-screen viewer, price and a representative finance example, mileage, gearbox, fuel, previous keepers, MOT expiry and emissions, a UK number plate, what comes with the car, a founder’s write-up in plain English, a full specification and a feature list. Every figure is either the manufacturer’s published number or something the dealer would have measured — the Porsche 718 Cayman is a Cayman 2.0, not a Carrera, and the data was audited car by car before a single photograph was made.

Six matching photographs for every car — front and rear three-quarters, cabin, instruments, luggage, and wheels and brakes — shot on the same damp Durham forecourt. The imagery was produced for the concept with a reference-led generation workflow: an approved front three-quarter for each car became the identity reference for its other five angles, so the generation, derivative, paint, wheels and trim hold across the whole gallery, and every cabin is right-hand drive. Registration text is never trusted to a generator: the demonstration plates are composited locally afterwards. Eight further photographs — workshop, showroom, forecourt, detailing and the team — carry the rest of the site.

Every car shows a representative hire-purchase example calculated from the price, deposit, term and APR, with the wording and disclaimer a UK dealer would need. As a fictional business the site deliberately invents no FCA registration number and claims no regulatory approval — the build’s own audit fails if either ever appears.

• Book a viewing or test drive — carries the chosen car from its page, with date, time and part-exchange details
• Sell your car or part exchange — a valuation form built around the registration and mileage, with outstanding finance settled directly
• Vehicle sourcing — a brief for the car that is not on the forecourt, with a flat fee agreed first
• Preparation — the six workshop stations laid along the foot of a full-width workshop photograph

Every form validates as you go, lists its errors in a summary that takes focus and links back to each field, and reaches a proper success state. As a concept build nothing is transmitted — there is no endpoint, so nothing a visitor types leaves their browser.

On a phone a sticky enquiry bar keeps Call, Stock and Book a viewing a thumb away; on a vehicle page it becomes the price with call and book controls. It steps aside while you scroll down, returns as you scroll back, and gets out of the way at the footer. Every control meets the 44-pixel tap-target minimum.

• 26 pages, each with a unique title, description, self-referencing canonical and share image
• A sitemap generated from the route table, so it cannot drift out of step with what was built
• Car, breadcrumb and item-list structured data on every vehicle and on the catalogue
• HTTPS forced, www folded into the bare domain, trailing slashes normalised — one address per page

Lighthouse on the live site returns 100 for accessibility, 100 for best practices and 100 for SEO on every page tested, with performance between 98 and 100 on desktop and between 90 and 96 on a throttled mobile connection, and cumulative layout shift at or near zero. It is a static build — no database, no page cache to go stale — and the whole homepage, forecourt film included, weighs about 1.2MB.

The build tests itself. A static audit checks all 1,108 internal links, every image’s alt text, every form label, the structured data, canonicals and share images, and that all 80 master photographs exist in every size and format. A real browser then loads every page and decodes every image, submits every form empty and filled, drives the mobile enquiry bar, and sweeps all 26 pages at six widths for horizontal overflow. Content still appears with JavaScript off and with reduced motion switched on.

The last row of every page says, in plain words, that Tyneline Automotive is an SR7 Web Design portfolio concept, that vehicle and business details are illustrative, and that no cars are offered for sale — with a link back here.

A 26-page dealership website with twelve fully specified cars, 72 matching photographs, a filmed homepage and four enquiry journeys that each reach a real end — fast, accessible and written the way a good independent actually talks. There are no sales figures here, because there is nothing for sale. What there is, is the site itself.