Opens in a new tab
Blog

B2B web design and lead generation insights

Guides, benchmarks and worked examples for Canadian B2B companies planning a website rebuild, a migration, lead source reporting or AI visibility work. Written from client projects, with the research behind each claim.

B2B Web Design

6 Best B2B Website Examples in Vancouver: 2026 Field Guide

Six Vancouver-area B2B homepages, Unbounce, Clio, Visier, Procurify, Absolute Security and Svante, scored on six first-screen checks, with a peer-reviewed study behind each lesson and a calculator for…

Oct 22, 202618 min read

B2B Web Design

7 Website Maintenance Vancouver Costs: 2026 Field Guide

Seven line items that set what website maintenance costs in Vancouver: updates, backups, security, uptime, speed, edit hours and accounts, with published Canadian plan prices and a budget…

Oct 18, 202617 min read

B2B Web Design

7 Vibe Coded Website Review Checks: Complete 2026 Guide

Seven checks to run before you launch a vibe coded website: code review, secrets, forms and Canadian privacy, what crawlers receive, phone speed, accessibility and ownership, with a…

Oct 17, 202615 min read

Read this blog by topic

The grid above lists the newest posts first. This part of the blog page sorts the guides by the job they help with, so a marketing lead planning a rebuild can skip the ad posts and a store owner can skip the CRM wiring.

I am Joshua Jackai, a web designer in Vancouver, and I run Jackai Agency. I write every post on this blog from client work: the redesigns, migrations, landing pages and tracking setups I quote and build. Prices are in Canadian dollars. When a post claims something about how buyers read or decide, it links the peer-reviewed study behind the claim.

Where to start, by the job in front of you

Most people land on a blog index with one problem, not a reading list. Find yours below and open the first link.

Planning a B2B website redesign

These posts are for the months before a rebuild starts, when the decisions are about scope, platform, budget and who you hire.

Blog cover chart: six interviews surface the themes, twelve exhaust them (Guest, Bunce and Johnson, 2006)
Cover of the redesign guide: the research on how many buyer interviews are enough.

B2B website redesign: 7 steps, costs and timelines for Canadian firms

This is the order I run a redesign in. It starts with the numbers to record on day zero, before anyone opens a design file, so you can tell later whether the new site did better than the old one. It ends with the CRM wiring and the buyer tests that come before launch. Start here if the project is still a line in a budget.

How long does a website redesign take? Real timelines by size

Build weeks by site size and platform, and the gap between the clock a quote runs on and the clock the project actually runs on. On my projects, code rarely moves the launch date. Copy does, because it waits on people inside the business.

How do you redesign a website without losing SEO?

A new site can throw away rankings the old one took years to earn. This post walks through the checks I run to stop that: a full URL inventory, a 301 redirect map, content parity between old and new pages, and the launch-day checks in Search Console. Read it before anyone deletes a page.

Questions to ask a web designer before you sign anything

Eight questions for a Vancouver business comparing proposals. Each one comes with what a good answer sounds like and the answers that should send you to the next proposal, including who owns the finished site and whether the quote is fixed or open-ended.

WordPress vs HubSpot: which CMS fits a B2B marketing site?

How I choose a CMS for a B2B marketing site. The deciding questions are who edits the site each week, where the leads land, and what each option costs over three years rather than in the first month. There are cases where running both is the right answer, and the post names them.

Do you need a rebrand to move upmarket?

A new logo rarely wins bigger clients on its own. This post covers when a rebrand earns its cost, and why positioning and page structure come first for a firm chasing larger accounts. Useful if someone on the leadership team has already started collecting logo ideas.

B2B web design, page by page

Once the plan is set, the work moves to individual pages. These guides cover the screens a buyer sees first and the words on them.

Hero section design: what goes on the first screen?

What belongs on the first screen of a B2B website, what to cut from it, and how to choose one next step instead of three. It also shows how the layout changes on a phone, where a crowded hero falls apart first.

How do you write a website headline that B2B buyers trust?

Your homepage headline decides whether the right buyer stays. The post shows how to name the reader, state the outcome and back it with proof, with before and after examples. If your current headline would fit any competitor's homepage, start here.

B2B website copywriting from customer research, page by page

How I write copy from customer research instead of a brainstorm. Interviews, Reddit threads and sales call notes become service pages, an about page, proof sections and an FAQ that use the words buyers already use.

B2B landing page design: the anatomy, section by section

A section-by-section build for paid and campaign traffic. It runs from a headline that matches the ad, down through proof and the form, to what happens after someone submits it. Use it as a checklist when an agency hands you a landing page to approve.

What does B2B SaaS website design need that a services site does not?

A software company sells differently from a services firm, and the site has to follow. This covers a pricing page a buying committee can read, a demo request path that does not stall, webinar replays that keep working after the live date, and pages the marketing team can edit without waiting on a developer.

Executive website design: what a founder-led site has to carry

A producer, a client, an event booker and a reader can all arrive at one person's name. This post shows what each of them needs to find, using the W Communications rebuild as the worked example. Read it if your firm's reputation rests on one or two people.

Why B2B websites lose deals

A site can look fine and still cost you work. These three posts look at where B2B web design loses buyers before they ever call.

Why your B2B website loses high-value clients before they call

Large clients decide on your first screen. The places I see sites lose them most often are proof buried far down the page, a page written for one reader when a whole committee is reading, and no signal at all about price.

B2B website design mistakes that cost enterprise deals

Nine design mistakes that give enterprise buyers and procurement a reason to cut a vendor from the shortlist. Each comes with the research behind it and the first fix I would make. Procurement teams rarely say why a vendor was dropped, so it helps to check before they look.

Conversion rate optimization for B2B: platform first, then pages

Why conversion rate optimization on a B2B site starts with the platform rather than button colours. Forms, the handoff into the CRM, page speed and how easily the team can edit pages all differ between WordPress, HubSpot, Framer and Shopify. Page tests only pay off once that plumbing works.

Ad spend is wasted when the click lands on the wrong page. These posts cover both sides: the ad and what it lands on.

Blog cover chart: most delay damage lands within 4 seconds (Galletta and colleagues, 2004)
Cover of the post-click mismatch guide, built on Galletta and colleagues (2004).

Post-click mismatch: why ads get clicks and the page loses the sale

Why an ad can earn healthy clicks while the page loses the sale. The post uses five numbers to tell whether the ad or the page is the problem, so you stop rewriting ads that were never the issue.

How do you build a Meta ads landing page that converts?

How I build the page Meta ad traffic lands on. It is mobile first, it repeats the ad's promise as its first line, it has one button, and it loads fast. The post includes numbers from real campaigns.

How do you build a product launch landing page that sells?

The parts of a launch funnel: the sales page, a deadline that is real, the checkout and the tracking that tells you which part failed. The lessons come from three Copy Chief launches I worked on.

Social media ad creative: which ad concepts still hold up?

Six ad concepts for B2B and education offers, checked against peer-reviewed research and two Copy Chief campaigns. It ends with a nine-field creative brief and testing rules for small budgets, where you cannot afford to test twenty variants at once.

How does B2B short-form video turn old interviews into leads?

If your firm has hours of recorded interviews, webinars or talks, this post shows how I cut them into short clips buyers can find, how often to publish, and where each viewer should land so a view has a path to becoming a lead.

AI visibility: getting named by ChatGPT and AI Overviews

Buyers now ask ChatGPT, Perplexity and Google's AI Overviews who to hire. These three posts cover what decides the answer and what you can change.

Blog cover chart: only 51.5% of AI answer sentences are fully supported (Liu, Zhang and Liang, 2023)
Cover of the ChatGPT guide, built on Liu, Zhang and Liang (2023).

How does a service business get recommended by ChatGPT?

What decides whether ChatGPT names your firm when a buyer asks who to hire, which of those factors you control, and how to check where you stand today. It covers brand mentions and third-party reviews, the parts that live outside your own site.

Answer engine optimization: how to write pages AI can quote

How to write pages that Google AI Overviews, ChatGPT and Perplexity can quote. The method is answer-first sections, question headings, honest structured data and FAQs that add new facts instead of repeating the page above them.

What is generative engine optimization, and what should you change?

What generative engine optimization is and how it differs from SEO, the seven changes I make on a B2B site, and the three numbers I use to measure whether they worked. Read this one if you need to explain the work to a board before you fund it.

Using AI inside a marketing team

Two posts on putting AI to work without handing it the jobs it does badly.

How to use AI in marketing campaigns, stage by stage

Most teams point AI at the cheapest job in a campaign. This post goes stage by stage, from customer research to ad variants, shows where it helps, and names the parts I keep away from it.

Custom GPT for marketing: what to feed it and what to guard

What to feed a custom GPT so it holds your brand voice, the four guardrails it needs, and what OpenAI's planned December 2026 GPT retirement means for a team that has built its content pipeline around one.

Ecommerce platforms, migrations and what you can sell

For retailers, the expensive mistakes happen before the store is built: the wrong platform, a migration that breaks old links, or a product the payment processor will not touch.

WooCommerce vs Shopify: which should a retailer choose?

How to choose between WooCommerce and Shopify for a retail store. The post compares catalogue limits, the in-store till, real fees as of October 2026, and who owns the store. If you sell in a shop as well as online, read the till section first.

How to move a Vancouver store from Wix to WooCommerce

How I move retail stores from Wix to WooCommerce, step by step, with the S.T. Dupont Vancouver project as the worked example. It covers the product import, the payment gateway and the URL redirects that keep old links and rankings working.

Banned products and your store: the three-authorities check

Your checkout answers to the law, your payment processor and your platform, and the strictest of the three wins. This is the check to run before you build, so the store is not designed around products the processor will refuse.

Measuring what the website returns

If nobody can say where leads come from, nobody can say whether the website works. These two posts set up the measurement.

Blog cover chart: median ad ROI confidence interval exceeds 100 points (Lewis and Rao, 2015)
Cover of the website ROI guide, built on Lewis and Rao (2015).

How do you measure website ROI for a B2B firm?

Website ROI is a chain from visit to closed deal. The post gives the formula, the six numbers that feed it, and how to wire lead source tracking so each of those numbers is real rather than a guess from last quarter.

How do you set up GA4 lead tracking so every lead has a source?

How I set up GA4 so every lead reaches the CRM with its source attached. It covers the lead event, UTM naming rules, hidden form fields, a separate channel for AI referrals, and a test plan to run before trusting the numbers.

How this blog is researched

Three rules apply to every post on this blog.

First, claims about how buyers read and decide link to a peer-reviewed study, usually through its DOI, so you can read the source instead of taking my word for it. The redesign and hero posts both lean on Pirolli and Card's (1999) information foraging theory, which describes people judging where to go next from the cues in front of them, such as link labels and headings. The headline and hero posts also cite Lindgaard and colleagues (2006), who found people rated the visual appeal of a home page within 50 milliseconds, and those ratings closely matched the ones they gave after 500 milliseconds.

Second, numbers from client work name the project they came from, such as the S.T. Dupont Vancouver store, the W Communications rebuild or the Copy Chief launches. If a figure has no project behind it, it does not go in a post.

Third, prices are in Canadian dollars, because most readers here are Canadian firms. Where a post compares platforms, the fees are dated, since they change.

Who this blog is for

Most posts are written for owners and marketing leads at B2B firms of about 10 to 200 people, in Vancouver and across Canada, many of them on WordPress. The ecommerce posts are for retailers, including those with a physical shop as well as an online store. The AI posts are for anyone who has noticed buyers asking a chatbot before they search.

If you are planning a rebuild and want a number before reading further, the button below gives a fixed estimate in CAD in about two minutes.

Planning a website rebuild?

Get a fixed quote in CAD in about two minutes, or book a call and we measure your starting numbers together.

Get an estimate
×

Privacy Preference Center