Algoma Roofing & Metal
Proof of quality and a roof cost calculator built into the homepage.
Algoma Roofing & Metal needed a website that looked as trustworthy as its crews. It also needed to reassure homeowners comparing contractors after storm damage or planning a roof replacement.

- Status
- Real client project
- Primary focus
- Proof and estimate requests
- What we built
- Custom homepage design
The problem
01A new roof is a major purchase. Homeowners want to know a company is licensed, insured, and trustworthy before they share their contact information. Many roofing websites make that proof hard to find.
Our approach
02Show licensing, insurance, and workmanship details near the top of the homepage. Then give visitors a useful first step with a roof cost calculator instead of only showing a contact form.
Why the pages are organized this way.
Every choice helps visitors find information or take the next step.
Lead with proof
Licensing, insurance, and workmanship details appear near the top, where visitors can find them quickly.
Make the first step easy
The roof cost calculator gives homeowners useful information before asking them to contact the company.
Show where the company works
Service and location pages make it clear that the company works throughout the Fox Valley.
What we built
- Licensing, insurance, and workmanship details near the top
- Step-by-step roof cost calculator
- Pages for Fox Valley service areas
- Easy estimate requests throughout the website
How customers contact them
Visitors see proof of the company's experience right away. They can then use the roof cost calculator and share their project details in a few simple steps.
Search setup
Separate service and location pages help people find the company in Fox Valley searches. More pages can be added as the company grows.
A closer look at the finished work.
These are real screens from the finished project.
From proof to estimate request
Proof → useful information → estimate
01 · Complete experience
Full homepage
Full homepage with company details first and the calculator below
The full page shows important company details first and then leads into the estimate calculator.

02 · Proof of quality
Licensing, insurance, and workmanship details appear first
Licensing, insurance, and workmanship details appear before visitors have to search for them.

03 · Estimate calculator
A simple estimate process instead of a basic contact form
The calculator gives visitors an easier first step than a standard contact form.
What the project included
Next project
HD Painting & Roofing →