Skip to content
Enror
← All work
RoofingConcept — not a real client

Redesign demo: local roofing website

A self-initiated demonstration of how an outdated small-business site can be modernised. The before is a fictional, deliberately dated example, not a real company.

Desktop & mobile

One design, every screen.

Before & after

The transformation.

Drag the handle to compare the fictional dated site with the redesign.

BeforeAfter

Drag, or use the arrow keys. The “before” is a fictional, deliberately dated example.

Before

  • — Fixed-width layout that does not fit phones
  • — Tiny, low-contrast text
  • — Phone number buried in the footer
  • — Uncompressed images slow the page
  • — Cluttered navigation with 12 items

After

  • ✓ Fluid layout from 320px upward
  • ✓ Readable type and strong contrast
  • ✓ Click-to-call in the header
  • ✓ Optimised, correctly sized images
  • ✓ Five clear navigation items

Features

What the site includes.

  • Responsive layout
  • Visible contact actions
  • Optimised images
  • Clear service structure

Design decisions

Why it looks and works this way.

01

Keep the content, fix the structure

Existing services and copy are reorganised rather than rewritten from scratch.

02

Mobile fixes first

Navigation and tap targets are corrected before visual polish.

Want something like this for your business?

Tell us about your website or your advertising. We will reply by email with honest next steps — no pressure, no jargon.