← Back to all work
Web Design Brand Presentation Facilities Management Commercial

Mithraic

A premium website and brand presentation for one of London's growing facilities management and specialist cleaning companies — eight service lines, six sectors, a multi-step quote wizard, and a story rooted in ancient Roman trust. Hand-coded, mobile-first, no template.

Visit the live site
ClientMithraic
SectorFacilities management & commercial cleaning
CoverageLondon-wide, multi-sector
ServicesWeb design, brand presentation, lead-gen UX
Build typeCustom — no template, no plugins
StatusLive
8 × 6
Services × sectors
4-step
Quote wizard
500+
Properties managed
100%
Mobile-first build
Mithraic

The brief

Mithraic came to us with the kind of brief most agencies rarely see — a facilities management and specialist cleaning company with serious ambitions in the London market, real depth across eight service lines, and a brand name that genuinely means something. In ancient Rome, the Mithraic tradition was bound up with oaths, contracts, and the god Mithras as protector of the deal between two parties. They wanted a website that felt like that — premium, dependable, quietly confident — without ever drifting into corporate beige.

Operationally the ask was clear: present eight services and six sectors without overwhelming a visitor, tell the story of who they are, and turn website visitors into qualified quote enquiries through a frictionless funnel. They serve property managers, hotel groups, gym chains and multi-site retailers — busy people, browsing on phones between meetings.

How we approached it

This was a bespoke web design project, hand-coded from the ground up — no WordPress, no page-builder, no plugin sprawl. Every section was prototyped against real London property photography before any code was written, with a deliberate dark-purple-to-navy palette that nods to the Mithraic origin story without being on-the-nose.

Architecturally we treated the eight services and six sectors as a matrix — each gets its own dedicated page rather than being squeezed into a single generic "what we do" template. This gives Mithraic a clean shot at local SEO for combinations like "office cleaning London" or "gym deep clean Westminster", while keeping the home page focused on the high-level pitch.

The conversion piece is a four-step quote wizard — Service → Property → Details → Contact — that adapts dynamically based on what the user picks. A facilities management enquiry asks different questions than a one-off carpet clean, and the form respects that. No more 25-field contact forms that nobody fills out.

Inside the build

Six things that make it more than a brochure

Every section earns its keep — connecting Mithraic's depth of service to a clear, accountable next step for the visitor.

Multi-Step Quote Wizard

Four steps that change based on the visitor's answers — a pressure-washing enquiry asks different questions to a 24-month FM contract. Conversion-focused, not form-fatigue inducing.

Modular Service & Sector Architecture

Eight service pages × six sector pages — each dedicated, each indexable, each tuned for its own search intent. Built so new sectors and services can be added without redesigning anything.

Animated Hero Slider

Three rotating panels — Total FM, Specialist Cleaning, Trust & Excellence — each with its own colour grade, photography and CTA. Auto-advancing, manually navigable, accessibility-aware.

Dynamic Case Studies

Real client outcomes presented with metrics — 30% FM cost saved, 5-star hygiene ratings, 100% CQC compliance. Each card pulls live data and links through to the full write-up.

Team & Trust Signals

Real faces — Marcus, Priya, Tom, Elena — with roles and bios. Plus accreditation badges (SafeContractor, CHAS, DBS, Living Wage) sitting above the fold where they belong.

FAQ & Insights Hub

An accordion-style FAQ for the questions every facilities manager asks, plus an editorial section for industry insights. Both engineered for SEO without sacrificing readability.

Eight services × six sectors

Each combination gets its own dedicated page — built once, indexable forever.

Service Lines

  • Facilities Management
  • Grounds Maintenance
  • Pest Control
  • Security
  • General Cleaning
  • Carpet Cleaning
  • Pressure Washing
  • Window Cleaning

Sectors

  • Commercial Offices
  • Restaurants & Hospitality
  • Gyms & Fitness
  • Retail Stores
  • Hotels & Accommodation
  • Residential Properties
Under the hood

The tech stack

Picked piece by piece for control, speed and a build the Mithraic team can grow into — no plugin sprawl, no template ceiling.

Front-end
HTML, CSS & JS

Hand-coded vanilla. No framework tax, no build pipeline weight. A fast, focused multi-page site that loads in well under 2 seconds on 4G.

Quote Wizard
Custom Multi-Step Form

A bespoke conditional flow that branches on Service → Property → Details → Contact. Each path tailored, validated, and submitted as a structured lead.

SEO
Modular Page Architecture

Service × sector matrix — every combination is its own indexable page with structured data, optimised meta and dedicated copy.

UI Motion
CSS & IntersectionObserver

Hero slider, staged reveals, hover interactions — all pure CSS and tiny vanilla JS. Smooth on a 3-year-old phone, never blocking the main thread.

Lead Capture
Cloud Function + Email

Quote submissions fire a transactional email to the team and store a structured record for follow-up. Spam-filtered, traceable, sub-second.

Accessibility
WCAG 2.2 AA

Keyboard navigation, focus rings, prefers-reduced-motion respected, contrast tested across the dark and light sections. Inclusive by design.

"The trick with multi-service businesses is making depth feel simple. Eight services, six sectors, a forty-eight-page matrix — but you'd never know it from the front door. That's where the real design work happens."

— Onimo

The outcome

Mithraic launched with a website that genuinely reflects the depth and seriousness of the operation. The eight-service × six-sector architecture means visitors land on the page that matches their actual problem — not a generic "we do everything" homepage. The quote wizard is doing the heavy lifting on conversion, qualifying leads with information the team actually needs.

Because the front-end is hand-coded and modular, every new service line, sector or case study slots in cleanly without touching the rest of the site. New service: one new page, automatically appears in the menu and the footer. New case study: drop it into the case-study array, the home page picks it up.

If you've got a multi-service operation that needs a website to feel as serious as the work itself, take a look at our bespoke web design service, our broader capabilities, or just drop us a line.

Next case study →

The Break Room

A modern, video-led website for an Ashford pool hall — with a custom booking system that surfaces busy and quiet periods in real time, plus app integration, gallery and contact form.

Got something at this scale?

Let's build something serious.

If you've got a multi-service business that needs a website that respects the complexity — and turns visitors into qualified enquiries — we'd love to hear about it. Book a call and we'll tell you honestly whether we're the right partner.

Start a Project