Fictional business · Both versions created for this exercise

Juniper Home Repair

Same business idea. A more organized page.

Both the dated layout and the redesign were made by Pinebox for this exercise. Juniper is fictional. This comparison shows layout decisions; no client work or measured results are claimed.

Before

Explore the page ↗

Competing headings, dense service copy, fixed columns, and a contact section near the bottom.

Desktop screenshot of the dated Juniper layout, with repeated headings, a service sidebar and dense text.

Phone screenshot of the before page. Its fixed desktop columns shrink to fit, making the text small.

After

Explore the page ↗

One clear heading, three service cards, responsive spacing, and an inquiry button beside the introduction.

Desktop screenshot of the redesign, with a large heading, one inquiry button and a house-and-tools illustration.

Phone screenshot of the redesign, showing a readable heading, introductory text and the inquiry button before the illustration.

What changed

Clearer hierarchy

One heading explains the offer. Services follow in three distinct groups.

Readable type

A consistent size scale gives headings and supporting text clear roles.

Mobile layout

The content stacks instead of squeezing desktop columns into a phone.

Clear next step

“Ask about a job” appears directly after the introduction.