NJS Designs
Enter website

Date issued — PLACEHOLDER

RC Autobody

Brand & Website Build

Everything designed and built for RC Autobody: the identity carried through the site, the customer quote journey, the staff job-management dashboard, costs and what happens next.

Enter website

RC Autobody · live site

Client
RC Autobody
Contact
Roy Cardno · Owner
Email
hello@rcautobody.co.uk — PLACEHOLDER
Phone
01467 000 000 — PLACEHOLDER
Location
Little Broomfield Farm, Ellon, Aberdeenshire, AB41 8QX
Sector
Vehicle bodyshop — resprays & accident repair
Prepared by
NJS Designs
Issued
Date issued — PLACEHOLDER

01 — Project

Overview & brief

RC Autobody is an independent vehicle bodyshop run by Roy Cardno from Little Broomfield Farm, Ellon, covering Aberdeenshire and Aberdeen. The work is full and panel resprays, accident and dent repair, and paint restoration. The business had no web presence and quoting was done informally by phone and message.

Objectives

  • Win more local quote enquiries from Aberdeenshire searches for resprays and body repair.
  • Replace back-and-forth phone quoting with a structured online damage-quote submission, including photos.
  • Give Roy one private place to manage every job from enquiry through to invoice.

Audience

Private car owners in and around Ellon, Inverurie, Oldmeldrum and Aberdeen dealing with accident damage, kerbed panels, scratches and tired paintwork — plus small trade and fleet customers who need turnaround they can rely on.

Scope

  • Brand application from the supplied logo
  • Public website & local SEO
  • Interactive damage quote flow
  • Secure photo uploads & storage
  • Staff login & job dashboard
  • Quotes, invoices, scheduling & work log

02 — Direction

Workshop-honest, not showroom-glossy — black, white and one hot pink that only ever means action.

  • The logo sets the rules: near-black ground, sharp white type, vivid hot pink as the single accent. The site follows them rather than inventing a second look.
  • Local trade buyers trust evidence over marketing language, so real work, clear services and contact detail lead the page — decoration was deliberately stripped back.
  • Pink is reserved for calls to action and live job status only, which keeps contrast high and makes the quote button the obvious next move on every screen.
  • Everything is mobile-first: most damage enquiries are made standing beside the car, on a phone, in daylight.

Keywords

  • Precise
  • Local
  • Practical
  • High-contrast
  • Trade-credible

Voice

Plain
Say what the job is and what it costs — no filler adjectives.
Confident
Finish quality is stated as fact, and shown with photographs.
Never salesy
No urgency gimmicks, no stock-photo promises.

03 — Deliverables

Every designed asset

Each item below has its own description, visuals and current status.

Identity

Delivered

Logo Application & Lockups

The supplied RC Autobody mark applied across the site: header, footer, staff login, favicon and printable quote and invoice documents. Background removed so it sits cleanly on any dark surface.

  • Header lockup
  • Footer lockup
  • Favicon
  • Document letterhead
Primary mark — transparent

Primary mark — transparent

Used on dark surfaces sitewide.

Reversed mark — dark ground

Reversed mark — dark ground

White type, pink C. Default across the site.

Positive mark — light ground

Positive mark — light ground

Black type for print, letterheads and documents.

Do

  • Keep the mark on near-black or white ground.
  • Leave clear space equal to the height of the RC monogram.
  • Scale proportionally at all times.

Don't

  • Place the mark over busy photography.
  • Recolour outside black, white and the brand pink.
  • Stretch, rotate or add effects.

Identity

Delivered

Vehicle Livery

The mark carried onto the works van: reversed lockup on the side and bonnet, pink brush-stroke sweep along the lower panel, and a short service list so the van reads at a glance in traffic and on a driveway.

  • Side lockup
  • Bonnet lockup
  • Service list
  • Pink sweep graphic
Works van — full livery

Works van — full livery

Reversed mark on grey with pink sweep detail.

Identity

Delivered

Workwear & Uniform

Black garment range with the reversed mark: hoodies, softshell jacket, polos with pink piping, tees, cap and beanie. Small chest mark on the front, full lockup across the back so the brand is visible while Roy is working.

  • Hoodies
  • Softshell jacket
  • Polos
  • T-shirts
  • Cap & beanie
Workwear range

Workwear range

Chest mark front, full lockup back.

Identity

Delivered

Print & Stationery

Business cards, letterhead, compliment slips, folder, notebook, envelopes, stamp and merchandise — black stock with the pink sweep, white stock for anything that has to be written on or photocopied.

  • Business cards
  • Letterhead
  • Compliment slip
  • Folder & notebook
  • Envelopes
Stationery suite

Stationery suite

Contact details shown are placeholders until confirmed.

Identity

Delivered

Workshop Signage

Exterior unit sign: matt black panel with stand-off fixings, the reversed lockup at scale, a vertical service list in pink, and contact details along the foot. Phone and email shown are placeholders until confirmed.

  • Exterior sign
  • Service list
  • Contact strip
  • Stand-off fixings
Workshop frontage sign

Workshop frontage sign

Contact details shown are placeholders until confirmed.

Foundation

Delivered

Colour Palette

Taken directly from the logo. Near-black carries the site, white does the reading work, and the hot pink is rationed to buttons, links and live job status.

Carbon

#0A0A0B

Page ground and depth

Panel

#17171A

Cards, forms and surfaces

Hot pink

#FF1E8E

Calls to action and status accents

White

#FFFFFF

Headings and body copy

Foundation

Delivered

Typography

A condensed display face for headings and signage-style labels, paired with a straightforward grotesque for body copy that stays readable on a phone in a workshop.

Display

Barlow Condensed

Headings, section labels and buttons — narrow, industrial, reads like workshop signage.

Medium 500Semibold 600Bold 700

Body

Archivo

Body copy, forms and dashboard data. Neutral and legible at small sizes.

Regular 400Medium 500Semibold 600

Foundation

In progress

Imagery & Art Direction

Real vehicles, real workshop light, tight on the panel and the reflection. Before-and-after pairs do most of the persuading, so the gallery is built to take Roy's own photographs straight from a phone.

  • Hero photography
  • Before / after pairs
  • Workshop context
Hero — finished respray

Hero — finished respray

Workshop context

Workshop context

Before — damage

Before — damage

After — repaired & refinished

After — repaired & refinished

Digital

Delivered

Public Website

Mobile-first responsive build: home, services, gallery, about and contact, with the workshop location, opening hours and enquiry form. Structured data and local search terms are set up for Aberdeenshire respray and body repair searches.

  • Home & services
  • Work gallery
  • About
  • Contact & map
  • Local SEO setup
Homepage — hero and recent work

Homepage — hero and recent work

Services page

Services page

Work gallery

Work gallery

Digital

Delivered

Damage Quote Journey

The centrepiece. Customers pick a vehicle view — driver's side, passenger's side, front, rear or roof — mark the damaged panel, then attach photos to that exact panel. Multiple areas are supported, every upload stays tied to its view and panel, and a text-only alternative keeps it accessible without a pointer.

  • Five vehicle views
  • Per-panel photo upload
  • Accessible text alternative
  • Validated image uploads
  • Secure private storage
Quote journey — mark the damage, attach photos, send details

Quote journey — mark the damage, attach photos, send details

Digital

Delivered

Staff Job Dashboard

A private, password-protected area on the live site — no design software or developer tools involved. Roy sees every enquiry with customer details, vehicle, marked damage and photos grouped by panel, then moves the job through New, Quoted, In progress and Completed.

  • Secure staff login
  • Searchable request history
  • Quotes → invoices with line items
  • Job scheduling & bays
  • Paint codes, notes & time logged
  • Printable quote / invoice documents
Job list — statuses and search

Job list — statuses and search

Job detail — customer, vehicle, marked damage, photos

Job detail — customer, vehicle, marked damage, photos

Workshop calendar

Workshop calendar

Digital

In review

Enquiry Notifications

Every new quote submission emails Roy so nothing sits unseen. The destination address is a setup placeholder until a real inbox is confirmed.

  • New-enquiry email
  • Configurable notification address

Collateral

Not started

Print & Vehicle Livery

Optional next stage: business cards, workshop signage and van livery built from the same identity, supplied as production-ready artwork.

  • Business cards
  • Frontage / signage
  • Van livery

04 — Investment

Itemised costs

Launch package price, with the extra pages, backend dashboard, damage-quote flow and notifications included for this build. Fixed, one-off fee agreed in writing before anything begins.

  • Launch branding package

    Identity, up to 5-page custom website, mobile-ready design, business cards, social profile kit, domain guidance — per njsdesign.co.uk/pricing

    £350

  • Extra website pages ×2

    Quote journey page and privacy policy beyond the 5 included

    Included

  • Damage quote journey

    Five vehicle views, panel marking and per-panel photo upload

    Included

  • Staff job dashboard

    Quotes, invoices, scheduling, calendar, notes and time logging

    Included

  • Secure storage & enquiry notifications

    Private photo storage and new-enquiry email alerts

    Included

  • Local SEO setup

    Metadata, structured data and Aberdeenshire area targeting

    Included

  • Content upload & handover training

    Real job photos loaded, staff login issued, walkthrough

    Included

Total

£350

Terms

  • Total one-off: £350 — no VAT, no monthly fees, no hidden hosting costs.
  • 50% deposit to book the slot (£175), balance on handover.
  • You own everything: source files, fonts list and code are handed over in full on completion.
  • Domain and hosting are registered by RC Autobody directly with the provider (GoDaddy, Namecheap, IONOS etc.) so they stay in your name — I connect the site to it.

Notes

  • Launch package plus all quoted workflow features included at no extra charge for this build.
  • Quote agreed in writing — if the scope doesn't move, the price doesn't either.
  • Additional assets later (banners, extra print, social templates) are charged at the standard add-on rates, and existing clients keep their rate.

05 — Schedule

Timeline

Indicative schedule. Dates move with feedback turnaround.

  1. 01Approved

    Discovery

    Week 1

    Services, area covered, competitors and the direction to aim at.

  2. 02Approved

    Brand & site design

    Week 2

    Logo rollout, palette, type and page design signed off.

  3. 03Delivered

    Build

    Weeks 3–4

    Website, quote journey, secure uploads and staff dashboard built.

  4. 04In progress

    Content & handover

    Week 5

    Real photos, confirmed contact details, staff login issued and go-live.

06 — Approval

Next steps

Three things needed to finish and go live.

  1. 01

    Confirm business details

    Phone, mobile, email and opening hours are currently placeholders and are flagged on the site. Send the real details and they will be swapped in everywhere at once.

  2. 02

    Send real project photos

    The gallery is built to take before-and-after pairs straight from a phone. Ten to fifteen good jobs is plenty to start.

  3. 03

    Take the dashboard login

    A staff account is issued for the live site only — sign in at the bottom of any page. It gives access to enquiries, quotes, invoices and scheduling, and nothing else.

Have a look through the site, then come back with the confirmed contact details, your photos and any changes you want. Once those are in, we set it live.

Approve & proceed Request changesAsk a question