How Ledgerline Licensing was built.

The concept

The regulator is the competition.

Ledgerline Licensing prepares and lodges Western Australian liquor licence applications: new licences, transfers timed to settlement, alterations, extended trading permits and one-off event licences. The buyer is four months into a fit-out and has just discovered the licence is the long pole, or is buying a going concern and needs the transfer to land on settlement day. The page has one job — get that operator onto a twenty-minute call before they lodge anything — and it earns that call by answering the question first, for free, and by saying out loud that the regulator takes applications direct and no agent is required.

That last part is not a disclaimer. A Perth search for a liquor licensing consultant returns the regulator and almost nothing else, which means the reader has already been reading government pages for an hour. A page that pretends the regulator is hard to reach loses to the regulator. A page that says here is the answer, here is the form, ring us if the objection window worries you is the only one they will remember.

Palette

An application bundle, not a bar.

Alcohol-brand burgundy and gold-on-black were ruled out by argument: they would make the page look like the venue instead of the file that gets the venue open. The room here is a desk with a bundle of paper on it. Ratios below are measured, not estimated.

Brass appears on licence-class chips, the seal and the refusal rules, and nowhere else on the page: the client sells a licence, not a drink. Two tokens are deliberately fenced — muted grey is licensed for paper and panel only, so the service-area map carries body ink over both fills, and the hairline is a lines-only token that never sets type.

Type

Notarial, not a law firm.

Fraunces at 500 and 600, optical-size axis, tightly tracked, does the headings, the prices and the seal. It has the weight of something official without the Trajan-and-columns cliché that every licensing firm reaches for; at display sizes its slightly flared serifs read like a stamp, which is exactly the page’s subject. Inter at 400/500/600 carries everything a person actually has to read: body copy, chips, form labels, the seven FAQ answers.

Tabular figures are scoped, not global. The first draft set font-variant-numeric: tabular-nums on body, which widened the hyphen glyph as well as the digits — so “one-off” and “twenty-four” rendered with a visible gap either side of the hyphen. It was invisible to every assertion and obvious in the first screenshot. Tabular figures now apply to the price column, the masthead number, the seal and the confirmation echo, and nowhere else.

The proof element

The which-licence walkthrough.

Three plain questions — what are you running, will people want a drink without ordering a meal, do you want to sell sealed takeaway — resolve to one of seven named licence classes. The decision table is total over all 24 combinations and every one of the seven classes is reachable; both properties are asserted by an oracle written separately from the page and re-driven in a real browser, cell by cell.

Neutrality is swept, never claimed

For four of the six venue types neither of the two yes/no answers changes the class, and for a small venue only the takeaway question moves it. The page does not assert that from a hand-written list — it flips each control against the same function that produces the answer and reports what it finds, then marks the dead controls N/A on the drawn chain and says so in a sentence. A control that silently does nothing reads as a broken page; a control that says this one does not matter for you reads as a model.

The road you did not take

Under every answer, the page flips one control at a time and names what the class would become, together with whether that class needs a public interest assessment. Choosing sealed takeaway in a small venue turns a small bar into a tavern — and a tavern application needs a public interest assessment and is usually advertised, while a small bar application needs neither. That is a real, costly consequence of a lease decision, and it is worth more to the reader than any fee on the page. It is generated from the same table as the answer, so it can never contradict it.

How the seal is drawn

The signature is a single inline SVG: a plate, a three-node answer chain, and a two-ring seal with eight registration ticks. There is no library, no raster, and no animation loop — the page comes to rest the moment it loads and is pixel-identical at seven seconds and at nine, which is what the 1200×750 thumbnail contract needs. The only motion is a 130 ms press on the seal when an answer changes, skipped outright when prefers-reduced-motion is set.

Two details in there are lessons the collection paid for. The class name inside the ring is measured, not guessed from a character count: the script sets 24px and walks down until getComputedTextLength() fits the 88-unit chord, then re-measures once document.fonts.ready resolves, because Fraunces arrives after first paint. And the N/A strike marks on the dead nodes are toggled with setAttribute("hidden","") rather than el.hidden — hidden is an HTMLElement property and does nothing at all on an SVG element, which is a defect every state assertion in the world will sail straight past.

At 375px the plate crops. The three-node chain sets its labels at about seven pixels once a 520-unit plate is squeezed into a 335-pixel column, so below 640px the chain is hidden and the viewBox re-frames onto the seal alone, which then renders about 200px across. viewBox is an attribute, so a media query cannot do it — a matchMedia listener sets it, and the chips directly beneath already carry the same state the chain was showing.

Conversion decisions

Why things sit where they sit.

• The answer is above the questions. The walkthrough leads with the seal and the named class, then offers “change any answer” below. It reads like a readout, it keeps the answer on screen while the controls are driven, and it puts the page’s single most valuable sentence inside the first 750 pixels of the 1200-wide thumbnail — measured at 454px, not hoped for.
• The proof card sits beside the headline at 1024px and up. On mobile the reading order is the conventional one: masthead, hero, services, proof, how it works, reviews, map, FAQ, form, footer. At desktop the card floats into the hero’s second column, because a hero plus a six-tile grid spends the whole thumbnail frame before the drawing appears.
• Four prices are in the hero at desktop. A licensing prospect’s first question after “which licence” is “what does this cost”, and every competitor on that search result is a government page with no price at all. Four anchors and the sentence that the regulator’s own fee is separate does more work than a paragraph of positioning.
• Five required fields, one optional. Name, phone, venue suburb, venue type and “have you lodged anything yet?” — that last one is the field that makes the call useful, because an application already advertised is a completely different conversation from a lease not yet signed. Everything else waits for the phone.
• The refusal sits next to the answer, not in the FAQ. The lodge-it-yourself panel is the dark block directly under the walkthrough, at body size, on every one of the 24 branches. A refusal in the FAQ is a disclaimer; a refusal beside the number is a demonstration of how the business behaves.
• No fees the business does not set. The regulator’s application fees are set by regulation and move; the page says who sets them, says you pay them direct, and prints none. The one exception is a fee stated plainly at the source — there is no application fee for an extended trading permit lodged with a grant application — and the page turns that into advice: ask for the hours at the same time.

Verification

What was checked at the source, and what was refused.

This page names a real Act, real licence classes, real certificates and real training requirements. Every one of them was read at the regulator’s own site or at wa.gov.au before it was written down.

Iteration log

Three passes, each one driving the page.

Local SEO

What we would ship for the real business.

The live page carries only WebPage schema that names itself a demonstration, because marking a fictional agency up as a real one would put false structured data into a real index. For an actual licensing agent, this is the block we would ship — a ProfessionalService with genuine reviews collected through their own request flow, an aggregate rating computed from those reviews rather than typed, and a service catalogue that mirrors the six tiles on the page.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ProfessionalService",
  "@id": "https://ledgerlinelicensing.com.au/#business",
  "name": "Ledgerline Licensing",
  "description": "WA liquor licence applications prepared and lodged: new licences,
                  transfers, alterations, extended trading permits and occasional licences.",
  "url": "https://ledgerlinelicensing.com.au/",
  "telephone": "+61 8 XXXX XXXX",
  "email": "office@ledgerlinelicensing.com.au",
  "priceRange": "$$",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Suite N, NN Example Street",
    "addressLocality": "West Perth",
    "addressRegion": "WA",
    "postalCode": "6005",
    "addressCountry": "AU"
  },
  "geo": { "@type": "GeoCoordinates", "latitude": -31.94, "longitude": 115.84 },
  "areaServed": [
    { "@type": "City", "name": "Perth" },
    { "@type": "AdministrativeArea", "name": "Western Australia" }
  ],
  "openingHoursSpecification": [{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
    "opens": "08:30", "closes": "17:00"
  }],
  "hasOfferCatalog": {
    "@type": "OfferCatalog",
    "name": "Liquor licensing services",
    "itemListElement": [
      { "@type": "Offer",
        "itemOffered": { "@type": "Service", "name": "New liquor licence application" },
        "priceSpecification": {
          "@type": "PriceSpecification",
          "price": "3400", "priceCurrency": "AUD",
          "valueAddedTaxIncluded": true,
          "description": "From. Excludes the regulator's own application fee."
        }
      },
      { "@type": "Offer",
        "itemOffered": { "@type": "Service", "name": "Licence transfer on settlement" } },
      { "@type": "Offer",
        "itemOffered": { "@type": "Service", "name": "Extended trading permit" } }
    ]
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9", "reviewCount": "38",
    "bestRating": "5", "worstRating": "1"
  },
  "review": [{
    "@type": "Review",
    "author": { "@type": "Person", "name": "A real, named, consenting client" },
    "datePublished": "2026-07-14",
    "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" },
    "reviewBody": "The transfer landed on settlement day. Fortnightly updates the whole way."
  }]
}
</script>

Alongside it: a Google Business Profile in the Licensing service / Consultant category with the West Perth address verified, an FAQPage block built from the seven questions already on the page (they were written from the regulator’s own material, which is exactly what an answer engine wants to cite), and one page per licence class targeting the searches people actually run — small bar licence Perth, liquor licence transfer settlement WA, occasional licence for an event WA — each one linking back to the walkthrough. Reviews would be requested by SMS after a determination lands and marked up only once they exist.

For the real client

What changes on day one.

• The enquiry form raises a matter. On this demo the form confirms locally and sends nothing. For a real agent it posts into a practice or matter management system — Actionstep, Smokeball or Karbon are the usual three at this size — opening a matter with the venue suburb, the class the walkthrough resolved, and the stage the enquirer selected, so the twenty-minute call starts with the file already open.
• The engagement letter and the authority go out through DocuSign straight off the back of that matter, with the fixed fee filled from whichever tile they came in on. Signed authority in, lodgement can start the same day.
• The fee lands in Xero as a draft invoice against the matter, with the regulator’s application fee recorded as a disbursement paid direct by the client rather than passed through the agent’s account — which is the accounting shape the page already promises in words.
• Enquiries and stages live in a CRM. HubSpot or Pipedrive at this size, with a pipeline that mirrors the real one: enquiry, engaged, bundle building, lodged, advertised, objection period, determined. The fortnightly one-line status the page promises is a workflow on that pipeline, not somebody remembering.
• The walkthrough becomes a lead scorer. The class it resolves is worth knowing before the call: a tavern or liquor store enquiry is a public interest assessment and an advertised application, and it is a different quote and a different diary. That value already exists in the page state and would be written onto the CRM record with the enquiry.
• The reviews become real. Three demo quotes come out and a live feed goes in, requested after determination and marked up only once collected.