← Portfolio / Case Study
WordPress Elementor Web Design Responsive Freelance · 2025–2026

Black Creek Modular —
Responsive Website

A complete WordPress website built from scratch for a Vancouver Island modular construction company — covering everything from branding direction and information architecture through to a fully live, SEO-optimised responsive site.

My Role
Web Designer & Developer
Context
Freelance Client Project
Platform
WordPress · Elementor
Status
✦ Live
Scroll to explore
Black Creek Modular Website

What is Black Creek Modular?

Black Creek Modular is a locally owned modular construction company based on Vancouver Island, BC. They specialise in delivering scalable, high-quality modular homes and buildings — from single residences to large-scale community developments including schools, healthcare facilities, and housing projects. Their work spans remote and hard-to-reach locations across British Columbia, with a strong commitment to sustainable, code-compliant construction.

The company came to me without a website and needing a proper digital presence to support business growth, quote inquiries, and awareness of their modular approach. The brief was to design and build a complete, professional WordPress website that communicated their expertise, showcased their product range, and made it easy for prospective clients to get in touch.

Quick Facts
Client
Black Creek Modular · Vancouver Island BC
Industry
Modular Construction · Real Estate
Deliverables
Full Website · Content Structure · SEO · Responsive Design · Contact Forms

Problem & Solution.

⚠️
The Problem
Black Creek Modular had no digital presence — no website, no way for prospective clients to learn about their product, understand modular construction, browse floor plans, or request a quote. In a market where credibility and clarity are everything, this was a significant barrier to growth. The company also needed to educate visitors on what modular building actually is, since many potential clients were unfamiliar with the process.
The Solution
A complete WordPress website built from scratch — structured to educate, build trust, and convert. The site explains modular construction clearly, showcases the company's technical advantages (GS Panel Wall Assembly), displays floor plan options, and makes it simple to request a quote. A clean, professional visual identity using dark tones and strong typography communicates quality and reliability from the first page load.

Planning the information architecture.

Before writing a line of code, I mapped out the full site structure. The goal was to organise content logically from the perspective of someone discovering modular construction for the first time — moving from "what is this?" through to "I want a quote."

🏠 Home 📋 Why Choose Modular 🧱 Advanced Panel Technology 📐 Modular Home Plans 🏢 Services 👥 Who We Are / Overview ❓ FAQs 📰 Blog ✉️ Contact Us
Key structural decisions
Education-first hierarchy — "Why Choose Modular" sits at the top of the nav, because most visitors need convincing before they browse plans or request quotes.
Dedicated technology page — GS Panel Wall Assembly is a genuine differentiator. It deserved its own page rather than a footnote on another section.
Quote form on every page — A persistent CTA and a detailed quote request form (home size, contact details, location, notes) reduces friction at every stage of the funnel.
Blog for SEO growth — A blog section was built in from the start to support long-term search visibility for modular construction queries in BC.

Building a trustworthy brand presence.

Black Creek Modular needed to look like a serious construction company — not a generic small business template. The visual direction drew from their existing logo: a bold, dark aesthetic with a stylised mountain silhouette in black and red. I extended this into a full site identity using a dark hero palette, strong typography, and clean whitespace throughout the content pages.

Colour-wise, the site uses near-black backgrounds for hero sections and CTAs (communicating strength and quality), with white and light-gray content areas to keep long-form information highly readable. Red is used as the accent for interactive elements, echoing the logo.

Black Creek Modular Homepage
Homepage — hero section with community-driven headline and modular home imagery

Pages I designed and built.

Each page was designed and built individually in Elementor with consistent components and reusable sections. Below are the core pages that form the site's content backbone.

Why Choose Modular
Why Choose Modular
Advanced Panel Technology
GS Panel Technology
Modular Home Plans
Modular Home Plans
Services
Services
Who We Are
Who We Are
Blogs
Blogs

A homepage that educates and converts.

The homepage was designed as a complete journey — from first impression through to quote request. Each section was crafted to answer the next question a visitor would naturally have.

Hero "Community Driven, Built to Last, Future Focused" — bold headline with immediate CTA to Build With Us
What is Modular? Plain-language explainer with supporting imagery — locally owned, sustainable, quality-focused pillars
Benefits 6-card benefit grid: Fire Resistant · Faster Delivery · Built In-House · Remote Access · Code Compliant · Energy Efficient
Custom Design Floor plans, interior & exterior finishes, endless customisation — with curated interior imagery
GS Panel Tech Technical panel diagram with bullet list: GPS insulation, steel studs, vapour control layer — links to full tech page
CTA Banner "Your Custom Modular Home Awaits" — full-width dark section with Get A Quote button
Benefits Section
Benefits of modular construction — 6-card grid
GS Panel Section
GS Panel Wall Assembly — technical section

Turning visitors into leads.

One of the most important conversion elements on the site is the detailed quote request form. Rather than a generic contact form, this was built to capture the specific information Black Creek Modular needs to qualify and respond to enquiries efficiently — home size preference, full contact details, location, and any additional notes from the prospective client.

Form Fields
✓ Home size selector (1–3 bed, duplex, other)
✓ Email address
✓ Phone number
✓ Full street address
✓ City, Province, Postal Code
✓ Country selector
✓ Additional notes / message
✓ Privacy policy consent checkbox

Optimised for every screen size.

A large portion of construction-related website traffic comes from mobile — clients browsing on site, contractors checking details, or homeowners researching from their phone. Every page was tested and optimised across desktop, tablet, and mobile breakpoints in Elementor, ensuring the layout, typography, images, and navigation work flawlessly at any size.

Responsive Design Mockup
Responsive across desktop, tablet, and mobile viewports

Built with the right tools.

WordPress with Elementor was the right choice for this client — it gives Black Creek Modular the ability to update content, add blog posts, and manage their floor plan listings independently, without needing a developer for every change.

🌐
WordPress
Elementor
🎨
Custom CSS
📋
WP Forms
🔍
Yoast SEO
☁️
cPanel Hosting

What the site does.

📐
Modular Home Plans
A dedicated page presenting available floor plan configurations — 1, 2, and 3-bedroom options, duplexes, and custom builds — giving prospective buyers a clear starting point.
✉️
Detailed Quote Request Form
A multi-field lead capture form collecting home size preference, full address, contact details, and project notes — so the team receives qualified, actionable enquiries.
🔍
SEO Optimisation
All pages were optimised with Yoast SEO — meta titles, descriptions, heading structure, image alt text, and schema markup — to support organic search visibility for modular construction queries in BC.
📰
Blog
A WordPress blog built in from the start, giving the client a platform for content marketing and long-term SEO growth around modular construction topics.

What was delivered.

9+ Pages designed and built Home · Plans · Technology · Services · About · FAQs · Blog · Contact
Live Production website launched blackcreekmodular.com · 2026
100% Responsive across all devices Desktop · Tablet · Mobile

What I learned.

01
Content strategy is as important as visual design. A lot of this project was about deciding what to say and in what order — before touching a single design tool. Getting the information architecture right meant the visual design almost organised itself.
02
Building for client independence matters. Choosing WordPress and Elementor wasn't just the easiest path — it was the right one for this client. Handing over a site the client can actually manage, update, and grow without needing me for every change is a better outcome than a technically impressive but unmaintainable build.
03
Technical subject matter needs patient simplification. Modular construction involves genuine engineering complexity — GS panel assemblies, vapour barriers, thermal performance. Translating that into plain language that a homeowner can quickly understand, without losing credibility, required multiple rounds of writing and rewriting.
Next Project →
NR Creativo Solutions
View Case Study →
← Back to Portfolio
Share: in