WEBFLOW WEB DESIGN AGENCY: HOW TO DESIGN LISTING PAGES AROUND BUYER INTENT RATHER THAN INTERNAL CATEGORIES

Listing pages are usually organised the way the company is organised. Departments become categories, teams become filters, and the internal org chart quietly becomes the navigation. It is an easy structure to agree on in a meeting because everybody recognises it. It is also the one structure guaranteed not to match how a visitor thinks, since they have never seen your org chart and do not want to.

TL;DR

  • Give the agency you appoint your five most common enquiries before you give them your category list.
  • Internal structure makes a tidy menu and a listing page nobody can navigate.
  • Group by what somebody is trying to do, not by which team delivers it.
  • Filters that routinely return nothing teach visitors to stop filtering.
  • Most listing pages need fewer categories and better labels, not more of both.

Why the org chart ends up in the navigation

Internal categories win by default because they are the only taxonomy everybody in the room already agrees on. Nobody has to research them and nobody argues. The trouble is that they encode how work is produced rather than why anybody wants it, and a visitor arrives with the second question. A listing page built from the org chart asks the visitor to understand your company before it will help them. 

You can see the effect in the search terms that bring people to the site: they rarely match the category names, and nobody treats that as a signal. A Webflow web design agency asked to rebuild a listing page will often find that the categories were set years earlier by a team that no longer exists, and that nobody has felt able to change them since.

Group by the job, not the department

Take your last fifty enquiries and sort them by what the person was trying to achieve. Patterns appear quickly, and they almost never match the existing categories. Three or four job-shaped groups usually cover most of the demand, with a long tail that does not deserve a category at all. The right number of categories is the number a visitor can hold in their head, which is rarely more than five. 

Resist adding one for every edge case; a page that lists eleven options is a page that has delegated the decision back to the reader. A webflow design agency london teams shortlist will often start here rather than with the layout, because the grouping determines everything downstream. Any Webflow web design agency that skips this step is designing a container before anyone has agreed what goes in it.

What the links on a listing page have to say

Listing pages are built almost entirely from links, and those links carry the whole decision. The link purpose criterion is Level A and holds that the purpose of each link can be determined from the link text alone or from its programmatically determined context, according to the W3C’s understanding document. The same page notes that assistive technology can present a page’s links as a list, which is a useful way to audit any listing page. 

Strip your listing page down to its link texts and read them in order. If they are category nouns with no verbs, a visitor scanning quickly cannot tell what any of them will do for them. Write the link as the job it does. A listing page is read as a list of links long before it is read as a page. That is why label wording moves more than layout on these pages, and why it is worth settling before anything is designed.

Headings carry the grouping

Once the grouping is right, the headings are what make it legible. The heading criterion is Level AA and states that headings and labels describe topic or purpose, per the W3C. On a listing page this means group headings should be written as the reader’s situation rather than the internal label: starting from nothing, replacing something that broke, scaling what already works. 

A category name that would appear on an invoice rarely belongs on a listing page. Then check the empty cases. If a group has one item, say so and keep it; if a filter combination usually returns nothing, remove the filter rather than letting visitors discover the dead end themselves.

Three ways to structure a listing page

  • Internal categories: works when customers already use your vocabulary, but it costs you every visitor who does not, and they rarely tell you they left.
  • Job-based grouping: works for most sites and matches how enquiries arrive, though it is slower to agree internally, since it cuts across team boundaries.
  • Faceted filtering: works when the catalogue is genuinely large, with the risk that sparse combinations return empty results and the filters stop being trusted.

Final Verdict

If your listing page has more than about five top-level groups, the structure is almost certainly internal rather than useful, and consolidating is the first thing to do. If it has three or four and they are named after departments, the work is renaming rather than restructuring, which is an afternoon.

Either way, do the grouping before the design. A Webflow web design agency that starts with the layout will produce something attractive built on the wrong taxonomy, and changing the taxonomy afterwards means rebuilding the page. The webflow design agency london market is full of beautifully built listing pages organised around nothing a buyer was looking for.

FAQs

Q: How many filters is too many?

A: Count how many combinations return fewer than two results. If that is most of them, you have too many. Each filter multiplies the combinations a visitor can land in, and sparse results feel like a broken page rather than an honest one. Two well-chosen filters almost always beat five precise ones on a catalogue of ordinary size.

Q: Should categories match our internal service names?

A: Only where the two happen to agree. Internal names exist for billing, staffing and reporting, and none of those are the visitor’s concern. Keep the internal names internally and write public labels for the public page. The mapping between them can live in a spreadsheet rather than in the navigation.

Q: What if different buyers use different words for the same thing?

A: Pick the most common word for the label and make the others findable through search and page copy. Do not create duplicate categories for synonyms, because that splits the page and makes both versions look thinner. One clear group that mentions the alternative terms in its description handles this without fragmenting the structure.