Roofing website

F&S Roofing

Website for a roofing company. One page that takes a homeowner from a roof problem to a booked inspection.

Website for a roofing company: headline, two buttons, and a photo of a roof under repair

What the site needed to do

Get a homeowner with a roof problem to book a free inspection, by answering what the company does, how the job goes, and what it costs before they have to ask.

F&S Roofing is a website for a fictional roofing company in Denver. The page says what the company does and where in the first screen, shows its eight services in a grid, explains the job in four steps, and answers the common questions about cost, timing, and warranty before asking for a booking.

  • What and where, firstThe first screen names the service and the city, and puts the booking button beside a second button for visitors who want to see the services first.
  • Booking is always in reachThe same booking button sits in the header, the opening screen, and the last section, so a visitor never has to scroll back to find it.
  • Answers before the askThe four steps and the questions on cost, timing, and warranty come before the final booking section. The ratings, reviews, and prices in the design are sample content.

More from the site

Two more sections from the same page.

F&S Roofing website: four numbered cards for booking an inspection, the quote, the work, and the final walkthrough
The job in four steps
F&S Roofing website: five questions in an accordion, the first one open on the cost of a new roof
Common questions
Next step

Want a page planned like this for your business?

Tell us what you do and we’ll send you a price.

Get a quote