How To's
8 min read

Cold Email for Web Design: 12 Gap-Based Templates Built to Earn a Reply

Cold email for web design, built on evidence: the specific-gap method, 12 gap-based templates, and the follow-up and deliverability basics behind them.
Written by
Vikas Jha
Last updated
October 9, 2026

Web design is one of the few things you can sell by showing instead of telling. A plumber cannot email a prospect a better pipe. You can email a prospect a faster, cleaner version of the exact homepage they already own, and they can see the difference in seconds.

That is the advantage most cold emails throw away. They open with the sender: “Hi, I'm a web designer, I build modern responsive websites, here's my portfolio.” The prospect has read that line a hundred times and it says nothing about their business, so it goes in the bin.

The emails that work do the opposite. They point at one specific thing on the prospect's current site, and the thing they point at is something the prospect can confirm in one tap.

That last part is the whole game, and it is what most template posts miss. A reply does not come from a clever template. It comes from a gap the reader can check for themselves without trusting you. “I can improve your website” asks them to take your word for it. “Your homepage takes about six seconds to load on a phone” invites them to open their phone and watch it happen. The moment they confirm the problem is real, you are no longer a stranger with a pitch. You are the person who noticed something they missed. Everything in this article is built on finding that one confirmable gap, and on resisting the urge to invent what the gap will cost them.

You get twelve templates below, grouped under the five gaps that actually come up. The grouping matters more than the templates, because picking the right gap for the right prospect is what gives the email its reason to exist. First, the honest version of what cold email returns, so the rest sits on real expectations.

What cold email actually returns for web design

Cold email works for web design. It does not work the way the “I closed $29k from three emails” posts suggest it works for everyone. Those are real results, and they are also the very top of the range.

The useful way to think about it is as a funnel. It helps to picture it before you send a single message:

Send → reply → audit or mockup → call → close.

The cold email funnel: send, reply, audit or mockup, call, close, narrowing at each stage

Most of the people you email will not reply. Of the ones who do, some are “not right now” or “send me more info,” and only some of those become calls. Of the calls, only some become projects. The point of that chain is not a number, it is a mindset: every stage loses people, so the quality of who you put in at the top decides what comes out the bottom.

A smaller, well-qualified list usually gives you more useful signal than a large generic one. Researching fifty businesses enough to name a real gap tends to teach you more, and waste less of your sending reputation, than blasting two thousand scraped addresses. And because web-design projects tend to be high-value, even a handful of good-fit conversations can make a campaign worth running, though whether it pays off depends on your pricing, your costs, and how much time you spend per prospect.

There is a second reason to prefer the smaller list. Generic blasts tend to generate bounces and spam complaints, and those, not a low reply rate on its own, are what actually damage your sending reputation. Fewer, sharper emails protect your domain and give you something real to say in each one.

The five gaps you can lead with

Every web-design cold email that works is built on a gap the prospect can check. It helps to know how solid each gap is, because that decides how confident your opening can be.

  • Hard gaps are objective and checkable in seconds: no website, a layout that breaks on mobile, a slow load time, a broken or buried form. Lead with these with full confidence.
  • Competitive gaps are observable but comparative: a competitor appears ahead of you in search, or offers something on their site that the prospect does not. State what you can see, not why it is happening.
  • Judgment gaps are real but subjective: the design looks dated, the messaging is unclear. These are worth raising, but name them as your opinion and offer to show rather than assert.
Hard, competitive, and judgment gaps and how confidently you can open each

Here are the five that come up most, mapped to those types. Your first job on each prospect is to spend thirty to sixty seconds working out which gap is theirs, because the gap decides the template, the subject line, and how boldly you open.

1. No website at all (hard gap). The business is on Google Maps or a social page, but there is no site to speak of.

  • How to spot it: search the business name and check whether the Maps listing points anywhere, or whether a Facebook page is doing the job of a website on its own.
  • Why it lands: you are not criticizing a website, you are pointing out that someone searching for them online has nothing proper to land on.

2. Breaks on mobile (hard gap) or looks dated (judgment gap). These often travel together, but they are not the same. A layout that falls apart on a phone is objective and checkable. “Looks old” is a matter of taste.

  • How to spot it: open the site on your own phone, or shrink your browser window. If you have to pinch and scroll sideways, it is not responsive, and that is a fact. Whether it looks dated is your opinion, so treat it as one.
  • Why it lands: the mobile break is visual and verifiable. You can attach a screenshot of their own site looking broken on a phone.

3. Slow (hard gap). The site loads slowly, especially on mobile. Speed is measurable, which makes this the most objective gap of the five.

  • How to spot it: drop the URL into any free page-speed checker. A multi-second load time is your opening line, and they can run the same test themselves.
  • Why it lands: you lead with a number they can confirm, and you do not have to guess at what it costs them for the fact to carry weight.

4. A competitor is ahead (competitive gap). A competitor shows up above them in search, or has functionality on their site the prospect lacks.

  • How to spot it: search the service plus the town and see who comes up first, then compare the two sites feature by feature.
  • Why it lands: a named competitor is concrete. State only what you can see, the ranking position and the specific features, and resist guessing why Google ranks them where it does.

5. Weak conversion (hard gap, when you keep it to facts). The site looks fine but makes it hard to act: no clear call to action, a booking path buried three clicks deep, a contact form with too many fields.

  • How to spot it: visit the site as if you wanted to become a customer right now, and count the clicks to the goal. If the next step is not obvious, note exactly what is in the way.
  • Why it lands: counting clicks and form fields is observable. You report the friction, and you let the owner decide what it is worth.

One rule of tone runs across all five: you are naming a gap, not insulting the business. “Your site is ugly” is an opinion, and it will cost you the reply. “Your site does not come up when I search for plumbers in your town” is a checkable fact, and it opens a door. Always lead with the thing they can verify, and when the gap is a judgment call, say so.

Subject lines built around the gap

Alongside your name and the preview text, the subject line is most of what a prospect decides on before opening, so it should tell them why this particular message deserves their attention. A subject that could have been sent to anyone reads like it was.

The pattern that works: name the business, or name the gap, and promise nothing you cannot show. A few that follow it:

  • [Business Name]'s site loads in [X] seconds
  • [Business Name] on a phone
  • [Competitor] vs [Business Name]
  • how do customers book [Business Name]?
  • [Business Name] is missing when I search [trade] [Town]

What to avoid: “quick question,” “a few ideas for you,” “improving your website,” and anything with “partnership” or “opportunity” in it. They signal a pitch and show no homework, which is the opposite of what you are going for.

The 12 templates, grouped by gap

Ten of these are built around the five gaps, and the last two are follow-ups you can pair with any of them. Each one is short on purpose, so the prospect can take in one point and one ask quickly. The brackets are where the reply actually comes from, so fill them with real details about the prospect, not placeholders.

One rule governs all twelve, and it is the one most people break: one ask per email. The instant you ask for two things, you hand the reader a reason to put off deciding. Ask for the single thing that moves this forward, usually a plain yes or no, and leave it there.

For the “no website” gap

Template 1: The “I went looking for you” email

Subject: [Business Name] is missing when I search [trade] [Town]

Hi [First Name],

I went looking for a [trade] in [Town] this morning. [Business Name] has the reviews, but the only thing I could find was your [Google listing / Facebook page], no actual website. I nearly called [Competitor] instead, purely because they were easier to find online.

Can I send you a quick mockup of what a simple site for [Business Name] could look like?

[Your Name]

Template 2: The “where people land” email

Subject: what people find when they search [Business Name]

Hi [First Name],

When someone searches “[trade] in [Town],” [Competitor] shows up with a website and [Business Name] shows up with a listing and not much else. Anyone who wants to look you over before they call does not have much to look at.

A clean, fast site gives them that, and your reviews are already strong.

Worth 15 minutes this week to talk through a simple one?

[Your Name]

For the “breaks on mobile or looks dated” gap

Template 3: The mobile-screenshot email

Subject: [Business Name] on a phone

Hi [First Name],

Your website works on a desktop, but I opened it on my phone and it is rough: tiny text, buttons that are hard to tap, a lot of sideways scrolling. I have attached a screenshot so you can see exactly what I saw.

A lot of people will reach your site this way, on a phone.

Want me to send a before-and-after of how it could look?

[Your Name]

Template 4: The “honest opinion” email

Subject: a quick, honest take on [Business Name]'s site

Hi [First Name],

Your site clearly did its job when it was built. This is subjective, but next to the newer sites in [industry], yours feels dated to me, and a first impression online forms fast.

Rather than argue the point, I would rather show you. Can I put together a quick before-and-after mockup?

[Your Name]

For the “slow” gap

Template 5: The page-speed email

Subject: [Business Name]'s site loads in [X] seconds

Hi [First Name],

I ran your homepage through a speed test and it takes about [X] seconds to load on mobile. You can check it yourself in a minute with any free speed tool.

Want me to send over the three biggest things slowing it down? No call needed, just the list.

[Your Name]

Template 6: The measured-comparison email

Subject: [Business Name] vs [Competitor] on load time

Hi [First Name],

I tested both sites on mobile today. [Competitor]'s homepage loaded in about [X] seconds, and [Business Name]'s in about [Y]. Both numbers are easy to check with a free tool.

I fix load speed on [trade] sites without rebuilding them from scratch.

Can I send you the three things slowing yours down?

[Your Name]

For the “competitor is ahead” gap

Template 7: The competitor-comparison email

Subject: [Competitor] vs [Business Name]

Hi [First Name],

I searched “[trade] [Town]” today and [Competitor] comes up above [Business Name]. I am not going to guess why Google ranks them where it does. What I can see is that their site loads faster and is easier to use on a phone, and those are both things we can fix on yours.

Fifteen minutes this week to talk through it?

[Your Name]

Template 8: The “what their site does” email

Subject: three things [Competitor]'s site does that yours could

Hi [First Name],

I looked at [Competitor]'s site next to yours. Theirs has a few things yours does not: online booking, a mobile layout that holds together, and a clear call to action on every page. Those are the kinds of features that let a site do more of the work for you.

Can I show you the three I would add to [Business Name] first?

[Your Name]

For the “weak conversion” gap

Template 9: The “no clear next step” email

Subject: how do customers book [Business Name]?

Hi [First Name],

I went to your site as if I were a customer trying to book, and it took me [N] clicks to find how. The phone number and the contact form are there, but they take some hunting.

You know your customers better than I do, so you can judge whether that matters. If it does, can I map out the quick fixes and send them over?

[Your Name]

Template 10: The “one specific thing” email

Subject: the form on [Business Name]'s contact page

Hi [First Name],

Your site looks good, so this is one small, specific thing: your contact form asks for nine fields, and on mobile it sits below the fold. Both are easy to check in a few seconds.

I would start by trimming the form and moving it higher. Want me to send you the exact edits I would make?

[Your Name]

Follow-up templates (pair with any of the above)

Template 11: The follow-up that adds something

Subject: re: [original subject]

Hi [First Name],

Following up with something concrete rather than just a nudge. I put together a quick before-and-after mockup of your [homepage / the issue I mentioned], so you can see what I meant: [link].

If it is useful, I would be glad to talk it through. If not, no problem at all.

[Your Name]

Template 12: The graceful exit

Subject: closing the loop

Hi [First Name],

I will stop here so I am not cluttering your inbox. If improving [Business Name]'s site ever moves up the list, the offer of a free mockup stands.

All the best either way.

[Your Name]

A word on the follow-ups, since they sit outside the templates above. Make at least one of them carry something new, a mockup, a screenshot, a speed-test result, the way Template 11 does, so the follow-up proves the same point the first email made. Some prospects reply only after a follow-up, often because the first message simply landed on a busy day. Send one or two, a few days apart, then stop. The graceful-exit email is not a trick either. The goal is to leave the relationship clean enough to revisit later.

Send to a person, not an inbox

A perfect template sent to the wrong address is a wasted email. Where you can, reach a named decision-maker rather than a generic inbox.

  • Prefer a named person. Usually that is the owner at a small business, or a marketing or operations lead at a larger one. An email that opens with a real first name and a real gap on a real site reads as a person who did their homework.
  • Generic inboxes are not useless, but they add friction. Some businesses watch info@ or contact@ closely. Many route it through whoever is on shift, which puts a layer between you and the person who can say yes. Use one only when you cannot find a named address.
  • Verify before you send. Use a reputable email-finder tool and check the address first, so your bounce rate stays low and your domain stays healthy.

Alore is not an email-finder, and it is worth being clear about that. Alore is the engine that runs the outreach once you have your list and your templates: it handles the sequencing, the personalization at scale, the follow-up timing, and the reply tracking, so a gap-based campaign runs on rails instead of stalling in your drafts.

Keep your emails out of spam

The best email in the world does nothing from the spam folder. This is a deep topic, so treat the following as the short version, and read a dedicated deliverability guide before you scale.

  • Authenticate your domain before scaling. Set up SPF, DKIM, and DMARC records so mailbox providers can confirm your mail really comes from you.
  • Send from a real business domain, not a free Gmail or Yahoo address.
  • Mind your list hygiene. Verify addresses before sending and clear out hard bounces promptly. High bounce and spam-complaint rates are what actually damage a sending reputation.
  • Ramp a new domain gradually rather than sending your whole list on day one. This is common operating guidance rather than a hard law, but it is a sensible default.

Mistakes that kill web-design cold emails

Five problems repeatedly weaken web-design cold email campaigns, and every one is avoidable.

  • Inventing outcomes. “This will increase your bookings by 30%” is a number you cannot back up. This is the most common mistake, and it is the one this whole article is built to avoid: name a verifiable gap and let them reach the conclusion themselves.
  • A generic gap. “I can improve your website” is not a gap, it is a guess. Spend the thirty seconds and find the specific, confirmable thing instead.
  • Emailing the wrong person. A named human usually beats a shared inbox.
  • More than one ask. Asking for a call and a portfolio review and a budget in one email gives the reader three decisions, so they make none of them. Hold to one ask, as every template above does.
  • Writing about yourself. Your portfolio, your years of experience, your process: none of it registers until the prospect cares about the gap. Earn the right to talk about yourself on the call.

Frequently asked questions

How do I write a good cold email for web design?

Keep it short, lead with one specific gap on the prospect's current site, and make a single easy ask, usually a yes or no to a free mockup or a short call. Name the person, name the gap, name the next step. Choose a gap they can confirm themselves in a tap, report it as a fact, and resist telling them what it costs them. Done right, the email reads like a favor rather than a pitch.

Is cold emailing illegal?

In most places cold email is legal when you follow the rules, but the rules differ a lot by jurisdiction and they are stricter than many people assume. The US CAN-SPAM Act sets requirements around honest sender details, honest subject lines, and a working way to opt out. The EU under GDPR and Canada under CASL have meaningfully stricter consent rules, and the details matter. This is general information, not legal advice. Check the rules for every market you email into, and if you are unsure, get proper legal advice before you run a campaign.

How many cold emails can I send a day?

Fewer than you might think, especially at the start. From a new domain, begin small and ramp up over time rather than sending your whole list at once. Our own preference is a smaller number of well-researched emails over a large generic batch: it protects your domain and, in our experience, leads to better conversations. List quality and the specificity of your gap matter far more than raw volume.

Is cold email still effective for web design in 2026?

Web design is well suited to cold email because the outreach can be built on visible, prospect-specific evidence: you can point at a concrete problem on someone's own site and a concrete fix. What has stopped working is the generic blast. What still has a reason to land is the specific, researched, one-gap email that this article is built around.

Put the method to work

The templates will get you moving, but they are not the point. The gap is the point. Find the one real thing you can see on a prospect's site, show it to them in a way they can confirm for themselves in a tap, and ask for one easy yes. Report the fact and let them draw the conclusion. Do that across a tight, well-researched list and every email has a credible reason to be in that person's inbox.

For outbound specifically, that is the part Alore is built to run. Once you have your list and your gap-based templates, Alore handles the sequencing, personalization, follow-up timing, and reply tracking, so the method runs consistently at scale. Bring the gaps, and let them do the selling.

Latest

From the blog

The latest industry news, interviews, technologies, and resources.