perfectdesign.

Campaign pages

Landing page design

A page built for one campaign, one audience and one action. It picks up the promise your advert made and gives the person who clicked one obvious thing to do next.

In short

A landing page exists to continue a specific promise. Someone clicks an advert about one thing, arrives, and either recognises what they were promised in the first few seconds or leaves. So the scope stays narrow on purpose: one audience, one offer, one primary action, proof that supports that offer, an enquiry path tested end to end, and measurement definitions agreed before anyone writes a word. A homepage cannot do this job, because it is built to serve everybody at once.

Written for a business owner or marketing lead planning a campaign destination for paid search, social or email traffic · 7 min read

What a landing page does that a homepage cannot

A homepage is a junction. It serves every audience you have, describes everything you do and offers routes to everywhere, which is right for someone researching your company and wrong for someone who just clicked an advert about one specific thing. A campaign landing page is a continuation of that click. One entry context, one audience, one offer, one primary action, and navigation cut back to what the decision actually needs. The narrowness is the point. Everything that does not help the visitor make this decision is competing with the thing that does.

The scope connects four things: the campaign context the visitor arrives with, the proof that supports the offer, the enquiry path that follows, and the measurement you agreed beforehand. What sits inside a given engagement depends on what already exists. If the offer, the copy and the proof are settled, the work is short. If they are not, deciding them is the work.

Malaysians still arrive on a desktop. This counts page views on the sites StatCounter measures, not people or devices. Read as a design instruction it says the same thing either way: in Malaysia the desktop view is not the afterthought. A full text version follows.

Malaysians still arrive on a desktop

Published statistic. This counts page views on the sites StatCounter measures, not people or devices. Read as a design instruction it says the same thing either way: in Malaysia the desktop view is not the afterthought.

Source: StatCounter GlobalStats: desktop, mobile and tablet share, Malaysia, August 2026. Reviewed .

Read the graphic as text

Page views

  • Desktop: 64.13%. Malaysia runs against the worldwide pattern, where desktop and mobile are level at about 49% each
  • Mobile: 34.88%. Still the first touch for search, social and messaging links
  • Tablet: 0.99%. Rarely worth a layout of its own
Download this infographic (SVG)

Fix the campaign, audience and offer before the design

The intake sequence is short and it saves a lot of rework. Name the entry source: a search advert, a Meta or TikTok advert, an email, a printed code. Name one priority audience, not three. State the approved offer, including what it does not include. Then write down, word for word, the promise made before the click. That last step is the one people skip, and it is the one that later explains why a page that looks good does nothing. Google Ads documentation describes landing page experience as how relevant and useful your landing page is to people who click your advert, which is a fair plain-language description of the whole job.

Running the campaign and building the destination are two different jobs, and it is worth being clear about who holds each. We do both: we manage Google Ads, Meta Ads across Facebook and Instagram, and TikTok Ads. Your business owns the ad accounts, the billing profile and the data in them, and media budget is paid to the platform by you rather than through us. The landing page is still website work and is scoped as website work, whether we run the campaign or your existing agency does.

The numbers an interface has to hit. These are not opinions about taste. They are the published minimums, and they are what we check every screen against. A full text version follows.

The numbers an interface has to hit

Published statistic. These are not opinions about taste. They are the published minimums, and they are what we check every screen against.

Source: W3C: Web Content Accessibility Guidelines 2.2. Reviewed .

Read the graphic as text
  • Body text contrast: 4.5:1. Minimum ratio against its background, WCAG 2.2 Level AA
  • Large text contrast: 3:1. From 18pt, or 14pt bold
  • Tap target: 24px. Minimum 24 by 24 CSS pixels, or 24 pixels of clear space around it
Download this infographic (SVG)

Choose the one action, then build everything around it

Write the offer down in a sentence: what it is, who it is for, what is included and excluded, and the one action the page asks for. Then build the hierarchy in the order a visitor uses it. Confirm the entry context first, because their opening question is whether they are in the right place. Explain the offer. Show the evidence. Deal with the things that make people hesitate, such as what happens after they send the form and who will contact them. Then the action, with the form in plain sight rather than behind a scroll. A secondary action is allowed only when it supports the first, such as a phone number for someone who will never fill in a form. A link to your full website at that moment competes with it.

Proof that survives a sceptical reader

For every proof item, record four things: what it demonstrates, who supplied it, whether you have permission to publish it, and what limitation or date belongs next to it. A review with a name, a role and a date does work. A photograph of the actual job does work. A number you can source does work. Anything that fails those four tests is decoration, and a sceptical reader treats decoration as a reason to doubt the rest. The deeper task of mapping a whole visit-to-enquiry funnel is a separate exercise with its own guide still to be published here.

One page, one action. The page should answer the promise in the advert and then ask for exactly one thing. A full text version follows.

One page, one action

Editorial framework. The page should answer the promise in the advert and then ask for exactly one thing.

Basis: Google Ads Help: Landing page experience. Reviewed .

Read the graphic as text
  • Homepage. Serves every audience, offers many routes
  • Landing page. Serves one advert, offers one action
  • Why it matters. A second competing action costs you the first
Download this infographic (SVG)

The form, its states, and where the enquiry actually goes

The W3C's accessibility guidance is specific and practical here. Every control needs a label that is properly associated with it, and most people prefer or need that label to be visible rather than implied by a placeholder. Instructions should be understandable before someone types. Feedback has to tell the person what happened, distinguishing success from failure, and error messages should explain in plain words how to fix the problem, with focus moved to the first field that has an error. Its planning guidance treats accessibility as an assigned responsibility, integrated through production and evaluated early and repeatedly, rather than a check run the week before launch. That informs how we build and review. It is not a certificate of compliance, and nobody should present it as one.

Three states get conflated and should not be. A submission attempted, a submission validated, and an enquiry delivered. A page that shows a cheerful success message when delivery has failed is worse than one that shows an honest error, because you never learn that the enquiries stopped. Decide before the build where an enquiry goes, whether that is an inbox, a shared mailbox, WhatsApp or a CRM, who is accountable for answering it, what the visitor is told happens next, and how anyone would notice if delivery quietly stopped.

Field-level decisions are their own exercise

Field purpose, labels, instructions, validation, consent wording, the confirmation message and the handoff to whoever answers are each a separate decision. Asking for less usually produces more enquiries and weaker ones, and the right balance depends on who you would rather spend your time talking to. The detailed treatment of field design, error handling and enquiry quality is its own guide, still to be published here.

What happens after submit. Most landing pages are judged on design and lost at step three. A full text version follows.

What happens after submit

Editorial framework. Most landing pages are judged on design and lost at step three.

Basis: Google Ads Help: Conversion tracking. Reviewed .

Read the graphic as text
  • Submitted. Validated, with errors shown in place
  • Stored. A record, not only an email
  • Routed. To a named owner who can answer
  • Acknowledged. The sender knows it arrived
  • Measured. Counted as a conversion, once
Download this infographic (SVG)

Test the journey from the click to a useful enquiry

Take a fictional service business promoting one assumed offer, a request for a project consultation, from a single campaign entry context. The roles, responses and policies below are hypothetical, and they show where the three checks that matter actually sit.

A campaign journey, using an assumed service business as the example
Workflow stepAssumed actorProposed system responseExceptionAcceptance evidence to collect
Arrive from the campaignProspective customerSee the matching service, audience and a clear enquiry actionA mismatched promise means correcting either the campaign or the pageCompare the campaign wording against the destination copy
Submit an enquiryVisitorRead labelled fields and receive an accurate submission stateInvalid fields or a delivery failure must never display successField, keyboard and failure-path test observations
Review enquiry qualityBusiness ownerCompare permitted enquiry records with the agreed campaign measurementAn analytics event on its own is not proof of a qualified leadSample records reconciled with event definitions, claiming no uplift

Measurement is a chain, and every link is a different kind of evidence: an interaction on the page, a validated submission attempt, a confirmed delivery, a permitted record of the enquiry, an agreed quality review, and a business outcome later where one is available. Definitions, access, retention, consent and who reports on what all need agreeing before implementation rather than after the first month of spend. One warning about a familiar number: Google describes Quality Score as a diagnostic tool for comparing your ad quality with other advertisers, states plainly that it is not a key performance indicator and should not be optimised or aggregated with the rest of your data, and says it is not an input in the ad auction. It is a hint, not evidence about your page.

One picture decides how fast it feels. On three pages in four, optimising the hero image is not a detail. It is the performance work. A full text version follows.

One picture decides how fast it feels

Published statistic. On three pages in four, optimising the hero image is not a detail. It is the performance work.

Source: HTTP Archive: Web Almanac 2025, Performance (CrUX, July 2025). Reviewed .

Read the graphic as text

Mobile

  • An image: 76%. The largest thing painted on screen is a picture, so its file size is the loading score
  • Text: 24%. On desktop it is rarer still: 85.3% of pages paint an image last
Download this infographic (SVG)

When a full website is the better fit

If visitors need to understand your company broadly, compare several services, follow different journeys by audience, or use navigation that has to outlive one campaign, a website is the right scope and a landing page will frustrate them. There is a harder truth as well. A landing page cannot rescue a campaign pointed at the wrong audience or an offer nobody wants, and no amount of page design changes that. The full comparison between a landing page and a homepage is a separate guide, still to be published here.

What to prepare before we scope it

Bring the campaign or entry source with the exact advert wording, one priority audience, the approved offer, the action you want, the proof you are allowed to publish, the current destination if there is one, where enquiries should land, how you define a good one, and any real constraint such as a launch date or approved brand wording. Scope and responsibilities get agreed from that rather than assumed. If you have most of it, tell us about the campaign and we will tell you what the page needs and what it cannot do for you.

What you get

What is actually delivered

01

Campaign and offer intake

The entry source, one priority audience, the approved offer with its exclusions, and the promise made before the click, written down before design begins.

02

Message match against the live advert

The page opens with what the advert promised, in the same language, so the visitor can confirm in seconds that they are in the right place.

03

A structure built around one action

Entry confirmation, offer, evidence, the details that reduce hesitation, then the action, with the form visible rather than hidden below a scroll.

04

Proof set with permissions recorded

Each item logged with what it demonstrates, who supplied it, whether publication is permitted and the date or limitation shown beside it.

05

An enquiry form that states the truth

Visible labels associated with their controls, understandable instructions, and feedback that distinguishes a validated submission from an error or a delivery failure.

06

A tested destination for the enquiry

The inbox, WhatsApp or CRM that receives it, the person accountable for answering, and a real test submission that arrives before launch.

07

Measurement definitions agreed in writing

What counts as a submission, a delivered enquiry and a qualified one, who holds access and who reports, agreed before build where that sits in scope.

08

Accessibility review during production

Keyboard operation, focus behaviour, labels and error states reviewed as the page is built rather than inspected once at the end.

How it runs

Message first, design second, measurement agreed before either

A landing page is mostly a decision about what you are promising and to whom. We settle that in writing, then design against it.

  1. 01

    Intake

    We take the entry source, the audience, the offer and the exact wording of the promise being made before the click, and note what is missing.

  2. 02

    Message and structure

    We write the page in the order a visitor reads it, agree the single action, and decide which proof can be published and how it is qualified.

  3. 03

    Build the page and the form

    We build the page and the enquiry form with labelled fields, honest success and error states, and keyboard operation checked as we go.

  4. 04

    Test the whole journey

    We walk the route from advert wording to destination copy to a real submission that arrives at the agreed destination, and record what the tests showed.

  5. 05

    Launch and review against the records

    After launch we compare what the records show with what was defined at the start, and tell you what the evidence supports rather than what it hints at.

How we work

The parts people ask about before they commit

Timeline

Project dependent, and often quicker than expected

Timelines are project dependent. A focused build can go live in about a week, while a larger platform takes longer once scope is agreed.

Ongoing care

Quoted with the project, not bolted on

Ongoing care for a front-end website starts from RM 1,000 a year and covers hosting, SSL, domain renewal and maintenance. Care is quoted with the project, not bolted on afterwards.

Getting hold of us

Normally under one working day

We normally respond to a support request in under one working day, and we work to solve problems as fast as we can. That is how we normally work rather than a contractual guarantee, and responding is not the same as resolving. If your operation needs a formal response or resolution commitment, we can write one into your scope.

Ownership

Everything belongs to your business

You own everything we build for you: the code, the content, the domain, the hosting account and every third-party account opened for the project. There is no lock-in. If you move to another provider, everything goes with you and we help with the handover.

  • Source code, handed over in your own repository
  • Domain and DNS, registered to your business
  • Hosting and every service account, in your name
  • Analytics, search and ad accounts, with us as a manager you can remove
  • All content, media and data in the system

Questions

Asked about landing pages

Straight answers to what people ask before they commit. Anything else, message us.

What does a landing page cost?

Our website packages are published on the pricing page. A single campaign page is usually scoped on its own, because the work sits in the offer, the copy, the proof and the enquiry path rather than in the number of pages. Tell us what exists already and we will tell you what is left to do.

Will it improve our conversion rate?

We do not promise a rate or an improvement, and you should be wary of anyone who does. What we can do is make the promise match the advert, make one action obvious, make the form honest about what happened, and make the measurement solid enough to tell you what actually occurred. Whether people act still depends on the offer and the traffic.

Can you run the campaign as well?

Yes. We manage Google Ads, Meta Ads across Facebook and Instagram, and TikTok Ads. Your business owns the ad accounts, the billing profile and the data, and media budget goes to the platform from you. We are equally happy building the page while another agency runs the campaign.

Can we see a landing page you have built?

Not yet as a published case study. The projects in our work section are websites, systems and concept prototypes, and we would rather say that than show you something unrelated and call it a landing page. We can walk you through the structure we would propose for your campaign instead.

Do we need one if we already have a website?

It depends on the entry context. If people arrive from an advert about one specific thing, a focused page usually serves them better than a homepage that has to serve everyone. If the traffic is broad or mostly people researching your company, improving the website is the better use of the money.

Where do the enquiries go?

Wherever you decide: an inbox, a shared mailbox, WhatsApp or your CRM. We test a real submission before launch so you have seen one arrive, and the records belong to you along with everything else we build.

How quickly can it go live?

Timelines are project dependent and a focused build can go live in about a week once the offer, the copy and the proof are settled. Those three are almost always the thing that sets the date, not the build.

Where to go next

Sources

Tell us what you need built

We will show you the closest thing we have already built, then scope the real version against your requirements.