Natalini Masonry Inc
Complete Website Redesign by Red Door Marketing Co
01 / The Client
Natalini Masonry Inc
A family-owned masonry and concrete company with over 50 years of experience, trusted by homeowners across the greater Philadelphia region.
Location
Bucks County, PA -- also serving Montgomery County and Philadelphia
Industry
Residential masonry and concrete construction
History
Family-owned and operated since 1974. PA Licensed (#PA071415) and fully insured.
Owner
Chris Natalini -- hands-on craftsman who personally oversees every project
Services Offered
02 / The Challenge
An Outdated Website That Didn't Match the Quality of Their Work
Natalini Masonry's old WordPress.com site was holding them back. For a company with 50+ years of craftsmanship, their online presence didn't come close to reflecting the quality they deliver in person.
- Outdated WordPress.com design that looked unprofessional and cluttered
- Poor mobile experience -- the site was barely usable on phones
- No dedicated service pages -- all services crammed into one page or scattered across blog-style posts
- No location targeting -- missing the local SEO opportunity entirely
- Gallery was hard to navigate with no filtering or categorization
- No SEO infrastructure: no XML sitemap, no schema markup, no optimized meta tags
- Contact form wasn't optimized for lead capture and lacked service selection
- WordPress.com Business plan costing $33/month with limited design control
- No way to track which pages or services were generating inquiries
03 / What We Built
A Modern, SEO-Optimized Website Engineered for Lead Generation
We rebuilt the entire site from the ground up using Next.js, creating an 83-page website purpose-built to rank in local search and convert visitors into leads.
Total Pages
- 9 dedicated service pages with project galleries
- 3 county-level area pages
- 60 individual community landing pages
- Homepage, About, Contact, Gallery
- Privacy Policy, Terms & Conditions
Gallery Images
- Filterable project gallery with 7 categories
- Chimneys, Retaining Walls, Basements
- Stone Steps & Pointing, Patios & Walkways
- Brick Work, Concrete Services
- Click-to-expand lightbox viewing
Full SEO Overhaul
- XML sitemap covering all 83 pages
- JSON-LD structured data (LocalBusiness + Service schemas)
- Optimized meta titles and descriptions on every page
- Proper heading hierarchy (H1 through H4)
- Descriptive alt text on all images
- 42 permanent 301 redirects preserving old URL rankings
Design & UX
- Mega menu navigation with service thumbnails
- Fully responsive design (mobile, tablet, desktop)
- Brand-aligned colors matching their red and navy logo
- Web3Forms integration for instant lead notifications
- Click-to-call phone buttons throughout
- Footer contact form on every page
04 / Before & After
Side-by-Side Comparisons
The transformation speaks for itself. Every page was redesigned from scratch to be faster, cleaner, and optimized for both users and search engines.
Homepage -- Desktop
From a cluttered WordPress layout with stock imagery to a clean, conversion-focused design with clear hierarchy, trust signals, and prominent calls-to-action.
Homepage -- Mobile
Mobile visitors now see a clean, purpose-built experience with prominent call-to-action buttons, a readable hero section, and proper responsive scaling -- versus the old site which was essentially the desktop version squeezed onto a phone screen.
Service Page -- Retaining Walls
The old site had wall-of-text service pages with a cramped sidebar contact form. The new design features a full-width hero, organized content sections, a "What's Included" checklist, and a dedicated project photo gallery for that service.
Gallery -- Chimney Projects
The old gallery was a simple image grid with no filtering. The new gallery features category filter buttons, hover effects, a clean masonry layout, and lightbox viewing -- making it easy for potential customers to browse the exact type of work they need.
Location Page -- Horsham, PA
The old location pages were generic template pages with zip-code-level content. The new community pages feature custom copy about local masonry needs, a sidebar with all available services, links to nearby communities, and clear calls-to-action.
Contact Page -- Mobile
The old contact form was a basic WordPress form with limited fields. The new contact page features structured contact information, a service-specific dropdown, a "How did you hear about us?" field for attribution, and a virtual estimate callout.
Navigation -- Mobile Menu
The old site used a generic WordPress hamburger menu. The new site features a full-screen mobile navigation with phone number, expandable service and area dropdowns, and a prominent "Get a Free Estimate" button.
Footer
The old footer was a minimal WordPress footer with basic links. The new footer is a comprehensive resource with service links, popular community links, full contact details, business hours, and a quick estimate form -- turning the footer into a secondary conversion point.
New Features
Pages and Features That Didn't Exist Before
The redesign wasn't just a facelift -- we built entirely new page types and navigation patterns that the WordPress site never had.
Services Mega Menu
Full dropdown with service thumbnails -- visitors can see and navigate to any service in one click.
Areas Mega Menu
Three-column dropdown organized by county, linking to 60+ community pages for deep local SEO coverage.
County Area Pages
Dedicated hub pages for each county with community links, service listings, and custom regional content.
Community Landing Pages
60 individual pages targeting specific towns -- each with unique copy about local masonry needs, nearby communities, and service listings.
Fully Responsive Across All Devices
Tablet View (iPad)
Adapts cleanly to tablet screens with touch-optimized navigation and properly scaled content.
Mobile Gallery
Category filters wrap naturally on mobile. Gallery images display in a responsive grid optimized for touch.
05 / Key Results
The Impact
A complete transformation from an underperforming WordPress.com site to a modern, fast, SEO-optimized lead generation platform.
- Modern, mobile-first responsive design that works flawlessly on phones, tablets, and desktops
- Instant lead notifications to the business owner's email via Web3Forms integration
- Lightning-fast static site generation on Vercel's global edge network
- Complete SEO infrastructure: sitemaps, structured data, optimized meta, alt text, heading hierarchy
- Filterable 124-image gallery organized across 7 service categories
06 / Technologies Used
Built With Modern Tools
We chose a technology stack optimized for speed, SEO, and long-term maintainability -- no bloated plugins or expensive hosting required.
Why This Stack?
Next.js generates static HTML at build time, meaning every page loads instantly from Vercel's edge network -- no server processing, no database queries, no slow WordPress plugins. The result is a site that's faster than 95% of competitor websites, which directly improves both user experience and Google rankings. Tailwind CSS keeps the design consistent and maintainable, while TypeScript catches errors before they reach production.
Want a Website That Generates Leads?
We build high-performance websites for construction companies. No templates, no WordPress -- just custom sites engineered to rank and convert.