Visual hierarchy
- Before
- Competing banners, mismatched fonts and equal-weight text make it hard to know where to look.
- After
- One clear headline, a single primary action and consistent type scale guide the eye top to bottom.
Concept project← Back to Avenor Studio
Website redesign concept
Summit Roofing Co. — from dated to dependable.
An exploration of how a small Dallas roofing contractor's website could be rebuilt for clarity, trust and mobile homeowners. Explore both versions below.
What changed, and why
Design rationale only — this concept makes no claims about conversion rates or lead generation.
Mobile usability
- Before
- A fixed 760px layout forces pinch-zooming and sideways scrolling on phones.
- After
- Fluid layouts, a collapsible menu and thumb-friendly buttons adapt to any screen size.
Service clarity
- Before
- Services are buried in a long run-on list with no explanation of what each includes.
- After
- Four focused service cards and a four-step process explain what to expect up front.
Quote-request access
- Before
- The quote form is tucked at the bottom of a sidebar and easy to miss.
- After
- "Request a Free Estimate" sits in the navigation, the hero and a dedicated form section.