WebByline WebByline
Let’s Talk

Project 03 / 08 · Roofing · Hayward, CA

An East Bay roofer since 1942, built for how people search now.

Vincent Roofing Co., Inc. · Hayward, CA
What we did
  • Website design
  • WordPress development
  • Local SEO
What we delivered
  • 15-page WordPress site
  • 6 service pages
  • Local landing pages
  • Free estimate form
Vincent Roofing homepage
Vincent Roofing on a phone
§01 / overview

The brief

Vincent Roofing is a fourth-generation, family-run roofer that has served Hayward and the East Bay since 1942, with most of its work coming from referrals.

The site had to carry that history, show the certifications homeowners look for, and put a free estimate one step away on every page.

§02 / style sheet

Style sheet

One typeface, one red.

Outfit carries every heading and every line of body copy, so the site reads as one voice. The red comes straight from the logo and is kept for the things that matter: calls, forms and the logo.

Logo
Vincent Roofing logo
Outfit specimen
TypefaceOutfitHeadings and body Outfit weights Outfit letters and numbers
In useHayward Roof Replacement And Repair
Colour
Vincent red#CB192F
Charcoal#1B1B1B
Graphite#242424
Stone#F1EDEB
White#FFFFFF
Taupe#949089
Buttons and fields
Send RequestGet a Free Quote
Your full name
§03 / page tour

Page tour

Eight pages, one path to an estimate.

Every page points to a call or the free estimate form. Hover a page to scroll through it.

Vincent Roofing: Home page
01 · Home/
Vincent Roofing: About page
02 · About/about-us/
Vincent Roofing: Services page
03 · Services/our-services/
Vincent Roofing: Local page page
04 · Local page/hayward-roof-replacement-and-repair/
Vincent Roofing: Service page page
05 · Service page/services/dimensional-fiberglass-composition-shingles/
Vincent Roofing: Portfolio page
06 · Portfolio/portfolio/
Vincent Roofing: Testimonials page
07 · Testimonials/testimonials/
Vincent Roofing: Contact page
08 · Contact/contact/
§04 / screens

Across screens

Built for the roof repair
search.

Every service gets its own page, so each search lands on the answer to it. The same path to a call or an estimate, sized for a phone.

Vincent Roofing homepage on a desktop
Desktop
Vincent Roofing homepage on a tablet
Tablet
Vincent Roofing homepage on a phone
Mobile
§05 / site map

Site map

A page for every service.

Each roofing service gets its own page, so a search for torch-down roofing lands on a page about exactly that.

/
Home
Services 6
  • Composition shingles
  • Torch-down roofing
  • Concrete tile repair
  • Roof inspections
  • Seven-year guarantee
  • Clean-up trucks
Trust 3
  • About us
  • Portfolio
  • Testimonials
Convert 2
  • Free estimates
  • Contact
15pages in the sitemap
6service pages
1typeface
§06 / up close

Up close

The parts that do the work.

The estimate form, the trust cards, the service grid and the footer, cut straight from the live site.

Vincent Roofing: Estimate form, from the live site
Estimate form
Vincent Roofing: Local page hero, from the live site
Local page hero
Vincent Roofing: Contact strip, from the live site
Contact strip
Vincent Roofing: Trust cards, from the live site
Trust cards
Vincent Roofing: Service grid, from the live site
Service grid
Vincent Roofing: Footer, from the live site
Footer
Services
Built on
WordPressElementorAll in One SEO
See the site live, or ask Vincent Roofing about your project.