Sells a plan, not a panic
The old page listed services. The redesign sells the thing a plumber can actually put on a subscription, and puts the price where you can see it without ringing to ask.
Where the forty nine came from, and where it went
Not that it was ugly. Plenty of ugly sites make money. Every row below is a rule an automated checker applies to any page. The bar is how many times the original broke it. The redesign breaks none of them.
- Text below the legible floor 21 to 0
- Justified with no hyphenation 8 to 0
- Interface text under the floor 7 to 0
- Lines over 80 characters 6 to 0
- A skipped heading, a stray font, and two more 4 to 0
- Colour contrast failures 3 to 0
- Every finding on the page 49 to 0
On top of those, the original overflows sideways on a phone: a fixed canvas with no viewport tag, on the device where most plumbing searches actually happen, often while something is going wrong.
What the redesign does instead
Makes the cover concrete
Six named systems in a house, each one drawn and labelled, all resolving to one plan. A maintenance plan normally fails because nobody can picture what is inside it.
Answers the exclusions before they are asked
What is not covered, and that you can leave on a month's notice, stated on the page rather than buried in terms nobody opens.
Promotes one tier, quietly
Three plans, identical in structure, with the middle one carrying the only solid button. No badge, no ribbon, no second colour shouting recommended.
Measured, not asserted
Both pages went through the same automated design and accessibility checks, in a real browser, at 390 pixels wide and 1440 pixels wide. This is the difference in numbers rather than adjectives.
| Check | Before | After |
|---|---|---|
| Text below the legible size floor | 21 | 0 |
| Justified text without hyphenation | 8 | 0 |
| Undersized interface text | 7 | 0 |
| Lines longer than 80 characters | 6 | 0 |
| Colour contrast failures | 3 | 0 |
| Everything else the checker flags | 4 | 0 |
| Total automated findings | 49 | 0 |
| Text sitting on a photograph unplated | 12 | 0 |
| Horizontal overflow on a phone | Yes | No |
The first seven rows are one detector, run against both live URLs. The last two come from a separate rendering probe that composites text colour through every ancestor's opacity and measures real line boxes, because a checker reading declared CSS values will report contrast that the screen never actually shows.
If your site looks like the left half
This is the work. Hand coded, no template and no page builder, and you get a live URL to open on your own phone before anything is agreed.