CoreVal Homes custom home builder website redesign Vancouver
Web Development

CoreVal Homes.

Complete WordPress-to-Next.js migration for a Vancouver custom home builder — 71 blog posts, Sanity CMS, and a design-forward rebuild that positioned the brand for scalable growth.

Visit Site
Next.jsSanity CMSTailwind CSSVercelCloudflare Images
Scroll to explore
71

Blog Posts Migrated

< 1.5s

Page Load

90+

Lighthouse Score

CoreVal Homes
(How We Built It)
01

Challenge

CoreVal Homes had a dated WordPress site with slow load times, limited SEO capability, and a design that didn't reflect the quality of their custom home builds. Content updates required developer intervention, and the site couldn't scale with their growing service offerings.

02

Approach

Migrated the entire site to Next.js with Sanity CMS — extracting 71 blog posts with full portable text formatting, uploading 69 images to Sanity's CDN, and rebuilding every service page with a bold, editorial design language. Cloudflare Images powers high-resolution hero sections.

03

Results

Delivered a production site with sub-1.5s load times, full CMS independence for the client, and an architecture that supports programmatic SEO pages, multi-location expansion, and AI-assisted content workflows — none of which were possible on WordPress.

(Screenshots)
CoreVal Homes screenshot 1
CoreVal Homes screenshot 2
CoreVal Homes screenshot 3
CoreVal Homes screenshot 4
CoreVal Homes screenshot 5
CoreVal Homes

The full story behind CoreVal Homes.

(Case Study)
01

The Problem: A WordPress Site That Couldn't Scale

CoreVal Homes is a Vancouver-based custom home builder specializing in new builds, major renovations, and laneway homes. Their existing website was built on WordPress — a setup that had served them adequately for years but was increasingly becoming a liability.

The site loaded slowly, averaging over 4 seconds on mobile. The theme was rigid, making design changes expensive and time-consuming. The blog — their primary content marketing asset with over 70 published articles — was trapped inside WordPress's monolithic architecture. Adding structured data, optimizing images, or implementing modern SEO techniques required plugin stacking that only compounded the performance problems.

More critically, the site's design didn't match the calibre of CoreVal's work. They build custom homes that sell for seven figures. Their website looked like it was assembled from a $59 theme. For a business where trust is everything — homeowners are handing over their largest financial asset — this visual disconnect was costing them leads.

The WordPress setup also created an operational bottleneck. Every content update, whether publishing a blog post or modifying a service description, required coordinating with a developer. The team couldn't move independently, which meant the site was always slightly behind the business — new services weren't listed, recent projects weren't showcased, and the blog publishing cadence was inconsistent.

CoreVal needed a platform that could scale with their business: fast, visually premium, SEO-optimized, and fully manageable by their internal team.

02

The Migration: 71 Blog Posts, Zero Content Loss

Migrating from WordPress to a modern stack isn't just about rebuilding pages — it's about preserving years of content equity. CoreVal's blog represented hundreds of hours of content creation and had accumulated meaningful search authority. Losing that content, or degrading its quality during migration, wasn't an option.

We built a custom migration pipeline using the WordPress REST API to extract every blog post with full fidelity. The extraction script parsed WordPress's HTML content blocks and converted them into Sanity's portable text format — preserving headings, lists, bold and italic formatting, hyperlinks, and inline images. This wasn't a simple text dump. Every piece of structural formatting was mapped to its Sanity equivalent so that the content rendered identically in the new system.

The image migration was equally thorough. We identified 69 images across the blog posts — a mix of BannerBear-generated graphics, Unsplash photos, and WordPress media library uploads. Each image was downloaded, optimized, and uploaded to Sanity's CDN with proper alt text attribution. For posts without a hero image, we assigned contextually appropriate images from the asset pool, ensuring every single post had visual representation in the blog grid.

The result: all 71 blog posts live in Sanity CMS with full portable text formatting, proper image assignments, and clean URL structures. The entire WordPress content library was preserved without a single broken link, missing image, or formatting regression.

03

Design Elevation: From Template to Editorial

The design brief was clear: don't match the WordPress site, elevate it. CoreVal builds premium homes. Their digital presence needed to reflect that premium positioning.

We developed a design language rooted in the brand's existing colour palette — charcoal, gold, warm white, and cream — but applied with an editorial sensibility borrowed from architecture and luxury real estate publications. Full-bleed hero images span the viewport height on every service page, delivered through Cloudflare Images at maximum quality. The typography system uses generous sizing with a minimum body text of 19 pixels, ensuring readability across all devices and eliminating the cramped, small-text aesthetic that plagues most contractor websites.

Every service page — custom home builds, renovations, laneway homes, additions — follows a consistent layout template while maintaining its own visual identity through unique hero imagery and section photography. We generated renovation and service section images using Sanity's AI image tools, ensuring each page has unique, contextually appropriate visuals rather than recycled stock photography.

The blog received particular attention. Each post renders with a branded watermark on images, structured FAQ sections, TLDR summaries, and clear internal linking — all powered by Sanity's portable text system. The blog grid uses proper image aspect ratios and hover animations that feel refined, not generic.

The homepage hero loads at full viewport height with Cloudflare's high-resolution variant, creating an immediate impression of quality. Every section transition uses subtle scroll-triggered animations that guide the visitor through CoreVal's story without feeling gimmicky.

04

The Architecture: Built for Competitive Deployment

The technology decisions behind CoreVal's rebuild were driven by one principle: competitive deployment speed. In the home construction industry, marketing velocity matters. When a competitor launches a new service, CoreVal needs to respond with optimized content within days, not weeks.

Next.js provides the rendering foundation — server-side rendering for SEO-critical pages, static generation for the blog archive, and client-side interactivity for forms and galleries. The hybrid approach means search engines receive fully rendered HTML while visitors get a responsive, app-like experience.

Sanity CMS is the content backbone. The headless architecture decouples content from presentation, so CoreVal's team can publish blog posts, update service descriptions, modify FAQs, and swap hero images without touching code. Content changes deploy through Vercel's incremental static regeneration in under 60 seconds. The schema supports structured content types — portable text with embedded images, CTAs, and FAQ blocks — that power both the site rendering and the structured data markup for search engines.

Cloudflare Images handles the visual delivery layer. Every hero image is served through Cloudflare's global CDN with automatic format negotiation (WebP/AVIF) and variant-based sizing. The Hero variant delivers 2560-pixel-wide images at maximum quality for above-the-fold impact, while standard variants optimize for inline content. This approach eliminated the image performance problems that plagued the WordPress setup without sacrificing visual quality.

Vercel's edge network serves the application with automatic SSL, edge caching, and global distribution. The deployment pipeline supports preview URLs for every content change, giving CoreVal the ability to review updates before they go live.

The entire architecture was designed with expansion in mind. Adding programmatic SEO pages for neighbourhood-specific landing pages, multi-location support for new markets, or AI-assisted content generation requires configuration changes, not architectural rewrites. The WordPress site could never have supported these capabilities.

05

Results: A Platform That Matches the Product

The rebuilt CoreVal Homes site launched with measurable improvements across every metric that matters for a service-based business.

Page load times dropped from over 4 seconds to under 1.5 seconds on mobile. Lighthouse scores consistently hit 90+ across performance, accessibility, and SEO categories. The 71 migrated blog posts retained their search equity, with existing rankings maintained through proper URL mapping and redirect handling.

The content workflow was transformed. Where WordPress required developer coordination for every update, CoreVal's team can now publish independently — writing blog posts in Sanity's editor, previewing in real-time, and deploying with a single click. The publishing cadence increased immediately because the operational friction was eliminated.

The design elevation had a direct impact on lead quality. Visitors now encounter a site that matches the premium positioning of CoreVal's custom home builds. The full-bleed hero images, editorial typography, and polished animations communicate craftsmanship before the visitor reads a single word of copy.

Perhaps most importantly, the new architecture gives CoreVal a competitive infrastructure advantage. While competitors are still wrestling with WordPress plugin updates and theme limitations, CoreVal has a modern, scalable platform that can incorporate AI content tools, programmatic SEO, and multi-market expansion as the business grows. The site isn't just a marketing asset — it's a growth platform built for the next decade of the business.

Want Something Like This?

Every project starts with a conversation. Tell me the problem — I'll show you the system that solves it.