K&K Services Ltd

K&K Services Ltd is a road haulage company in Milton Keynes: full and part loads across the UK and Europe, bulk powders in 60 m³ self-blowing tipping tanks, and storage at their own depot in West Ashland. Their customer has goods in one place, a deadline in another, and one question: can you move this, when, and for how much?

What I found

• The https:// address does not load (checked on 14 November 2026), so the site opens only over plain http.
• The homepage has no phone number and no quote button. The first screen says "Welcome to K&K Services", and 01908 587 193 only appears on inner pages.
• The tanker division is only mentioned on the services page, and the 30 trucks and 50 trailers appear on the homepage only inside a pandemic news item.
• The Request an Estimate form asks for a name, an email address and a message, with a note that its contents are not encrypted. Postcodes, load and date are up to the customer.
• Driver recruitment is one paragraph on a page tucked into the About us submenu.

Decisions

The first screen says who they are and where they work from

I made the heading answer the buyer: road haulage across the UK and Europe, from their own depot in Milton Keynes. The phone number and "Get a quote" sit on the first screen and in a header that follows you down. Their tanker photo and the heading reveal once, then everything stays still. Underneath are four figures from their site: 30 tractor units, 50 trailers, 60 m³ tanks and a reply within 24 hours.

The tanker as a technical drawing

The tanker division sets them apart, so I drew it: a tipping tank in side view. It draws itself once, then stays pinned while you scroll through the five steps from their services page, from loading and decanting bulk bags to tipping into a silo, tank cleaning and emergency silo evacuation. The blue is the blue of their trailers ("Can you spot our blue trailers?"); the rest is neutral grey.

A quote planner instead of a message box

I replaced it with a planner: the buyer picks a service and is asked only what that service needs. For a tanker: product, tonnage, silo or bulk bags, silo or Seabulk container, and whether it is an emergency. A summary builds alongside with a drawing of the matching vehicle, says what is still needed for a price and switches to "Ready to send" when nothing is missing. The button opens one email to sales@kandkservices.com with postcodes, load and date, so sales does not have to ring back for the basics.

Careers as a section of its own

I moved Careers into the main menu and onto the first screen. Their wording stays (experienced C+E drivers, tipping tanks especially welcome, applications to Nick), next to what a driver cares about, from their own site: the fleet, the Tecalemit workshop and the RHA's HGV Heroes recognition. The form prepares an email to traffic@ and reminds the driver to attach a CV.

The same website on a phone

On a phone the drawing stays pinned, the Brand Retail diagram becomes a list and the quote summary rides in a bar at the bottom. Below: the current site on the left, the concept on the right.

How it's built

Static HTML, CSS and JavaScript with no framework: CSS transitions, IntersectionObserver and SVG drawn in with stroke-dashoffset. The forms use mailto links, so nothing leaves until the customer presses send. The prototype is noindex (meta tag, robots.txt, response header), and its JSON-LD holds only data from their site. Content is readable without JavaScript, reduced motion switches the movement off, and photos are resized and lazy-loaded below the first screen.

What I would do next

I would first check the fleet figures, whether BREEAM In-Use and ISO 9001:2015 are current, and whether they are still hiring C+E drivers. A real project would add https, separate pages for tankers, groupage and storage, and a planner that stores each enquiry and sends the customer a confirmation.