Most articles about car dealer website design tell you to "create a seamless digital experience" and "leverage cutting-edge UX." That sounds nice. It also means nothing to a dealer who just wants their website to look professional, load fast, and generate enquiries.
I've built a lot of dealer websites at Vehiso, and before that I worked as a car sales executive. I've seen what makes buyers stay on a site, what makes them leave, and what actually converts browsing into phone calls. This guide is based on that experience - not theory.
If you're building a new dealer website, redesigning an existing one, or evaluating providers, this is what matters.
Why design matters more than dealers think
Here's the thing most dealers underestimate: a buyer has usually visited 2-4 dealer websites before they pick up the phone. Your website isn't just a place to list stock. It's where buyers decide whether you look trustworthy, professional, and worth their time.
A well-designed site doesn't need to win design awards. It needs to:
- Load fast on a phone
- Make it easy to find the right car
- Show the information buyers actually care about (price, finance, photos, specs)
- Make it effortless to enquire, book a test drive, or call
- Look professional enough that buyers don't question your credibility
That last point is underrated. If your website looks like it was built in 2015, some buyers will assume your dealership runs the same way. Fair or not, that's how it works.
1. Start with mobile, not desktop
Over 70% of traffic to most dealer websites comes from mobile devices. Google uses mobile-first indexing, meaning it ranks your site based on the mobile version. If you design for desktop first and then squeeze it down to fit a phone, you'll get a worse experience on the device most people actually use.
Mobile-first design means:
- Thumb-friendly navigation. Menus, filters, and buttons need to be large enough to tap accurately. No tiny links, no hover-dependent interactions.
- Vehicle images that swipe. On mobile, a photo gallery should let buyers swipe through images naturally. Pinch-to-zoom thumbnails are a frustration, not a feature.
- Click-to-call everywhere. A buyer on their phone is one tap away from calling you - but only if your phone number is tappable. Put a click-to-call button on every vehicle page, not just the contact page.
- Short, simple forms. Name, email, phone number, optional message. That's it. Every extra field reduces completion rates on mobile.
- Fast loading on 4G. Not everyone is on Wi-Fi. Optimise images, minimise scripts, and test your site on a real phone over a mobile connection.
At Vehiso, every template is designed mobile-first. The desktop version expands to use the extra space - the mobile version isn't an afterthought squeezed from a desktop layout.
2. Choose a colour palette that works - not just one you like
Your brand colours should be consistent across your website, forecourt signage, and marketing materials. But "consistent" doesn't mean "use your brand colour for everything."
A common mistake is choosing a bold primary colour (red, blue, green) and then using it for backgrounds, buttons, headings, and highlights all at once. The result looks garish and makes it hard for buyers to know where to look.
Here's a practical approach:
- Primary colour - used sparingly for your logo, key buttons (CTAs), and accent elements. This is the colour people associate with your brand.
- Neutral base - white or very light grey for backgrounds. Dark grey or near-black for body text. This keeps things clean and readable.
- Secondary colour - optional, used for hover states, secondary buttons, or section backgrounds. Keep it subtle.
- Avoid colour overload. Two colours plus neutrals is enough. Three at most.
If you're not sure what works, look at the dealer websites that feel trustworthy and professional to you. You'll notice they tend to use colour restraint, not excess.
Vehiso's website templates come with pre-designed colour schemes, but every element - header, buttons, links, backgrounds - can be customised to match your brand. The templates are designed so that swapping colours still produces a cohesive result.
3. Make your vehicle detail pages (VDPs) work harder
The vehicle detail page is the most important page on your entire website. It's where the buying decision starts to form. Every other page exists to get someone here.
A well-designed VDP should include:
Above the fold (visible without scrolling)
- Vehicle title - make, model, variant, and year in a clear heading
- Price - prominent, unmissable. If you offer finance, show the monthly payment right next to the cash price
- Hero image - the best exterior shot, large and sharp
- Key specs - mileage, fuel type, transmission, body type, engine size. Buyers scan these instantly
- Primary CTA - enquire button or test drive booking. Visible without scrolling
Below the fold
- Full photo gallery - 15-20 images minimum. Exterior angles, interior shots, dashboard, boot, any notable features or imperfections. Swipeable on mobile
- Finance calculator - integrated with a provider like Codeweavers, iVendi, or CarFinance247. Let buyers adjust deposit and term to see monthly costs. Don't hide this behind a tab
- Full vehicle description - not just a spec dump. Write (or generate with AI) a description that highlights what makes this specific car appealing
- Vehicle specifications - detailed spec table. Doors, seats, colour, previous owners, service history, MOT date, registration date
- Enquiry form - short form right on the page. Don't make buyers navigate away
- WhatsApp and click-to-call - additional contact options for buyers who prefer a direct message or phone call
- Similar vehicles - show 3-4 related cars from your stock. If this one isn't right, keep the buyer on your site
What to avoid on VDPs
- Auto-playing video with sound
- Stock photos instead of real vehicle photos
- Hidden pricing ("call for price" loses enquiries)
- Generic descriptions copied across every listing
- Pop-ups that block the content
4. Design your homepage to direct, not to impress
Many dealer websites treat the homepage like a brochure - big hero images, welcome messages, paragraphs about the company's history. Buyers don't care about any of that on their first visit. They want to find a car.
An effective dealer homepage should:
- Feature a vehicle search prominently. Make, model, price range, fuel type - above the fold. The homepage should feel like a starting point for finding a car, not an "about us" page.
- Show featured or latest stock. A grid of 6-12 vehicles gives buyers something to click immediately.
- Include trust signals. Star rating from Google or Trustpilot, number of reviews, any industry accreditations. Keep these subtle but visible.
- Provide clear navigation. Links to stock by category (SUVs, hatchbacks, electric, under £10k), finance information, part-exchange, and contact details.
- Stay lean. The homepage doesn't need to contain everything. It needs to route buyers to the right place quickly.
5. Use consistent, professional vehicle photography
Your photos are your showroom. On a website, they're the closest a buyer gets to seeing the car before visiting.
Design-wise, this means:
- Consistent framing. If every car is photographed from the same angles in the same order, your stock listings look cohesive. Buyers notice this - it signals professionalism.
- Clean backgrounds. A cluttered forecourt background is distracting. If you can't photograph against a clean backdrop, Vehiso's AI background replacement can swap messy backgrounds for a clean, consistent look.
- Proper lighting. Natural daylight works best. Avoid harsh shadows, reflections, and dark interior shots. If you're shooting indoors, invest in basic lighting.
- Optimised file sizes. High-resolution photos are great for detail, but uncompressed 5MB images destroy page speed. Your website should compress and resize images automatically. Vehiso handles this - images are optimised for web delivery without losing visible quality.
For a detailed guide on shooting technique, see our article on how to take great photos of cars.
6. Design for conversion, not just appearance
A beautiful website that doesn't generate enquiries is a failure. Design decisions should be driven by conversion - getting buyers to take the next step.
Calls to action (CTAs)
- Use contrasting colours for CTA buttons so they stand out from the rest of the page
- Use specific language: "Book a Test Drive" is better than "Contact Us." "Check Finance" is better than "Learn More"
- Place CTAs on every vehicle page - not just the homepage or contact page
- On mobile, consider a sticky footer bar with "Call," "Enquire," and "WhatsApp" buttons that stay visible as the buyer scrolls
Reduce friction
- Keep enquiry forms short (name, email, phone, message)
- Offer multiple contact methods - form, phone, WhatsApp, email
- Show finance monthly payments alongside cash prices - don't make buyers calculate
- Send instant confirmation emails after form submissions
Build trust
- Display reviews prominently (Google, Trustpilot, or both)
- Show your physical address and opening hours
- Include real photos of your team or forecourt - not stock images
- Display any accreditations or memberships (FCA authorised, Motor Ombudsman, etc.)
7. Get the typography and spacing right
This sounds minor, but it makes a bigger difference to perceived quality than most people realise.
- Body text should be 16px or larger. Anything smaller is hard to read on mobile without zooming.
- Line height should be 1.5x the font size. Cramped text feels cheap.
- Heading hierarchy should be clear - H1 for the page title, H2 for sections, H3 for subsections. This isn't just design; it's also how Google understands your page structure.
- Whitespace is your friend. Don't cram content together. Generous spacing between sections makes a page feel professional and readable. Buyers skim - whitespace helps them find what they're looking for.
- Stick to 1-2 font families. One for headings, one for body text. More than that looks chaotic.
8. Structure your site for SEO from day one
Good design and good SEO aren't separate concerns - they should reinforce each other.
Clean URLs. /used-cars/bmw/3-series/12345 is better than /vehicle.php?id=12345. Clean URLs are easier for buyers to understand and easier for Google to crawl.
Logical site hierarchy. Homepage → make pages → model pages → individual vehicles. This gives Google a clear path through your site and makes internal linking natural.
Editable meta titles and descriptions. Every page should let you customise the title tag and meta description. If your provider auto-generates these with no override, you can't optimise for the searches that matter to your area.
Landing pages. You should be able to create pages targeting specific searches - "used BMW 3 Series Manchester," "cheap automatic cars under £5,000 near me." These pages capture high-intent traffic.
Blog or content section. Publishing buying guides, model comparisons, and finance explainers builds topical authority and gives Google more pages to index. It also gives you content to share on social media.
For a deeper dive, see our complete car dealer website SEO guide.
9. Make your "Sell Your Car" page count
Part-exchange and vehicle buying are a significant lead source for many dealers. Your website should have a dedicated page that makes it easy for sellers to submit their vehicle details.
A good "Sell Your Car" page includes:
- A simple form: registration number, mileage, condition notes, contact details
- A clear explanation of the process (how quickly you respond, whether you offer free valuations, whether you buy without requiring a purchase)
- Optional photo upload so the seller can include images upfront
- Trust signals - reviews from previous sellers, any guarantees you offer
This page often gets overlooked in design, but it can be one of your highest-converting pages. Treat it with the same care as your vehicle listings.
10. Test your design with real users, not assumptions
The most common design mistake I see isn't a specific layout choice - it's assuming you know how buyers use your website without actually checking.
Before you launch (or after a redesign), do this:
- Hand your phone to someone who isn't in the motor trade and ask them to find a specific car, check the finance, and submit an enquiry. Watch where they get stuck.
- Run your site through Google PageSpeed Insights and check the mobile score. If it's below 70, your design is too heavy.
- Check your analytics. Which pages have the highest bounce rate? Where do buyers drop off? Your data will tell you what's not working faster than any design theory.
- Test on multiple devices. Your site might look great on the latest iPhone but break on a three-year-old Android. Check both.
Common design mistakes to avoid
| Mistake | Why it hurts | Fix |
|---|---|---|
| Auto-playing video on homepage | Slows load time, annoys users on mobile data | Use a static hero image or play-on-click video |
| "Call for price" instead of showing prices | Buyers leave to find a dealer who shows pricing | Display prices on every vehicle. Always |
| Tiny text on mobile | Buyers can't read specs without zooming | Minimum 16px body text, larger for key info |
| No click-to-call on mobile | Buyers have to manually dial your number | Tappable phone links on every page |
| Generic stock photography | Looks impersonal and untrustworthy | Use real photos of your team, forecourt, and vehicles |
| Cluttered navigation with 15+ menu items | Buyers can't find anything quickly | 5-7 top-level menu items maximum |
| No finance information on vehicle pages | Buyers leave to check affordability elsewhere | Integrate a finance calculator on every VDP |
| Pop-ups on page load | Interrupts the buyer before they've seen anything | Use exit-intent or timed pop-ups sparingly, or not at all |
How Vehiso approaches dealer website design
Every Vehiso car dealer website is designed mobile-first with the principles in this guide baked in:
- Templates, not bespoke builds. You choose a design template (minimalist, classic, or modern), add your branding and colours, and go live in minutes. No six-week design process, no waiting for a project manager.
- Over 70 customisation options. Colours, fonts, layout elements, homepage sections, header style, footer content - you control how your site looks without writing code.
- Integrated DMS. Your website and dealer management system share the same platform, so stock, enquiries, and marketplace feeds stay in sync automatically.
- SEO-optimised by default. Clean URLs, editable meta tags, XML sitemaps, schema markup, and a built-in blog - the technical SEO foundation is handled so you can focus on content.
- Plans from £49/month. No setup fee, no lock-in contract, 7-day free trial.
If you want to see what these design principles look like in practice, start a free Vehiso trial and explore the templates yourself.
FAQ
How much does a car dealer website design cost?
Prices range widely. Template-based providers like Vehiso start from £49/month with no setup fee. Bespoke design providers like SpidersNet build custom sites, which typically cost more and take weeks to deliver. The most important factor isn't the price - it's what you get for it. A cheap website that's slow on mobile, can't feed to marketplaces, or doesn't integrate with your DMS will cost you more in lost leads than the monthly saving.
Do I need a custom-designed website or will a template work?
For most independent dealers, a well-designed template with your branding is more than enough. Buyers care far more about finding the right car quickly than about bespoke animations or unique layouts. Put the budget into stock photography, marketing, and getting your finance integration right instead.
What colours work best for a car dealer website?
There's no universal answer, but restraint works. Use your brand colour for CTAs and accent elements, a neutral base (white or light grey) for backgrounds, and dark text for readability. Avoid using more than 2-3 colours. The goal is a professional, trustworthy appearance - not a design showcase.
How many photos should I have per vehicle?
15-20 minimum. Cover all exterior angles, interior shots (dashboard, seats, boot), and any notable features or imperfections. Consistency matters - photograph every car from the same angles in the same order for a cohesive, professional look across your listings.
Should I use video on my car dealer website?
If you have the time and equipment, walk-around videos and 360-degree tours can be effective - particularly for higher-value stock. But they're not essential. What's essential is having enough high-quality photos per vehicle and ensuring any video doesn't slow down your page load. Some DMS providers generate vehicle videos automatically, which removes the effort.
What's the most common car dealer website design mistake?
No clear calls to action on vehicle pages. I see dealer sites where the only way to contact the dealership is a generic form on a separate "Contact Us" page. Every vehicle page should have an enquiry form, click-to-call, and test drive booking visible without scrolling. If a buyer is interested in a specific car, make the next step effortless.
