ProTech — A facilities partner that owns the outcome
A six-page, dev-ready website for a national facilities partner — built around one claim, we own the outcome, and written for the brands who hire it and the pros who serve it.
Pages designed at desktop and mobile — homepage, service providers, facilities assessment, pricing, Facility Intelligence and about — after two rounds of hero exploration.
[ The problem ]
ProTech manages repairs, maintenance, emergencies and compliance for brands with dozens or hundreds of locations. Its category is full of companies that forward work orders and disappear, so the website had to make one difference land: ProTech owns the outcome. It also had to speak to two audiences at once — the multi-location brands who hire ProTech, and the trade professionals it recruits to do the work — and give a services company a product to sell in Facility Intelligence.
[ Goals ]
Accountability — every section answers who owns the outcome, because that is the product. Two audiences — brands and service providers each get a page written to them. Calm — a site about removing chaos should feel like it. Dev-ready — six pages at desktop and mobile, no gaps for engineering to fill.
Approach
The site was designed as a full six-page system — homepage, service providers, facilities assessment, pricing, Facility Intelligence and about — with every page carried to mobile. The hero went through two exploration rounds: two photographic directions, a pure graphic treatment and two graphic overlays, before settling on the dark ground, tight headline and a single warm image that the rest of the site inherits. The homepage was structured as an argument — the cost of the status quo, the three pillars, how it works in three steps, and the difference between coordinating vendors and owning the outcome — with small product artefacts (an audit log, a scope-validation card, a work-order status) standing in for a platform demo. The second audience got its own page. Service providers are recruited with the same accountability story turned around: ProTech is the operational buffer that clarifies scope and streamlines billing before a work order reaches them.
[ Scope and constraints ]
[ The work ]
The surfaces.
The three pillars
Turn a services promise into something a buyer can hold: what does 'we own the outcome' actually consist of?
One point of contact, one operating system, total accountability — three short cards beside a single warm photograph, each pillar written as a promise rather than a feature.
The pillars became the spine of the site — the service-provider page and the about page both repeat the structure.
How it works in three steps
Make the engagement feel simple enough to start today.
Submit a request, we take ownership, you get clean results — three steps with a line of copy each and no diagram. The restraint is the point: the process is the product's calm.
The section reads in five seconds and hands off to the accountability argument below it.
Coordinating vendors versus owning the outcome
Draw the line between ProTech and every company that forwards work orders.
A dark section built around a product artefact — an audit log with scope validation, visual verification and an invoice review — and a savings figure. Standards, SLA times, cost control and quality checks are listed as things ProTech does, not claims it makes.
The differentiation lands as evidence, not adjectives.
Facility Intelligence as a product
Give a services company a product page — something a brand can buy, not just a capability it can be told about.
A dark hero with a condition-report artefact: brand standards, safety compliance and asset health scored per location, with flagged items and an inspector. The copy names what a cycle delivers — inspection framework, assessment, report, capital planning.
Facility Intelligence reads as a product with a name, a cadence and an output.
The service provider's front door
Recruit the trade professionals ProTech depends on, without a second brand.
The accountability story turned around: ProTech as the operational buffer that reviews scope, coordinates approvals and streamlines billing before a work order reaches the pro. A work-order status card with a service rating shows the relationship from their side.
Two audiences, one site, and the second one does not feel like an afterthought.
Choosing a level of support
Let a brand find its engagement model without a sales call.
Three models — pay-as-you-go, membership, enterprise — as columns with inclusions ticked and exclusions greyed, the middle option flagged as most common and visually raised.
Pricing reads as a decision the buyer can make, with the most common path marked.
Mobile
Carry a dark, image-led desktop system to a phone without losing the rhythm.
Every page was designed at 375 as its own layout: heroes shorten, the pillars stack with their icons, and the photography moves below the argument instead of beside it.
Six pages at mobile, designed rather than reflowed.
The facilities assessment
Give a brand a low-commitment first step — an assessment of its locations — without a sales conversation.
A short dark hero states what the assessment covers, then a single form: locations, trades, contact. No pricing, no upsell — the page exists to start the relationship.
The site's primary call to action lands on a page that asks for exactly what an assessment needs and nothing more.
About, written for operators
Explain who ProTech is to someone who runs dozens of locations and has been burned by dispatch companies before.
Built for multi-location operations, then mission, five values, performance figures (on-time arrival, location uptime, emergency resolution), a six-step process, and the industries ProTech serves. Every section repeats the site's card and orange-accent language.
The about page carries the same argument as the homepage — accountability — told through mission, values and measured performance rather than a founder story.
[ The system underneath ]
[ Results ]
6 | Pages, homepage to about 2 | Audiences — brands and service providers 5 | Hero directions explored before the final 12 | Screens delivered, desktop and mobile
ProTech has a site that makes its central claim — we own the outcome — visible in every section, a second front door for the service providers it depends on, and a product page that turns a services offering into something a brand can buy. All of it shipped dev-ready: six pages, desktop and mobile, with the hero decision documented so the brand does not have to relitigate it.
What I carry forward
A services company selling accountability needs proof it cannot screenshot. The small artefacts — an audit log, a scope check, a work order with a rating — did more than any headline.