Designing Navigation for Websites with Many Services and Locations
Websites with dozens of services and multiple locations present a specific navigation problem. First-time visitors arrive with a vague goal, not a mental map of your offering. If the menu mirrors your internal org chart, they bounce. The solution is a menu structure that layers choices so people can narrow down without reading a wall of links.
Start with the visitor's intent, not your departments
Most service-site menus fail because they list every service under one flat dropdown. A visitor seeking emergency plumbing in Leeds should not have to scan forty links to find the right branch. Group services by the task a person is trying to complete, then let location refine the result.
Use short, literal labels. "Repairs", "Installs", and "Inspections" beat "Comprehensive Property Solutions". A first-time visitor should understand each top-level option in under two seconds.
Use a two-axis menu: service plus location
The core pattern for multi-location sites is a two-axis navigation. Axis one is what the visitor needs. Axis two is where they need it. Keeping these separate prevents the menu from multiplying into hundreds of links.
A simple table shows how this scales without clutter:
| Menu layer | Example | Why it works |
|---|---|---|
| Top level | Services | One clear entry point |
| Dropdown | Repairs, Installs, Inspections | Task-based grouping |
| Sub-panel | Leeds, Manchester, Bristol | Location filters the list |
Keep the first screen shallow and forgiving
A common mistake is exposing every location at the top level. Instead, show a "Find your nearest" control and remember the visitor's choice. Once a location is set, the rest of the menu can quietly reorder around it.
"Good navigation answers the next question before the visitor has to ask it."
Also cap dropdown width. Three columns of links are scannable. Six columns are not. Group related items with small headings inside the panel.
Add a search and a sitemap fallback
No menu catches everyone. Add a search field that accepts both a service and a place. Then link a plain sitemap in the footer for people who prefer a full list.
- Search should match synonyms, not just page titles.
- Show recent locations for returning visitors.
- Keep the sitemap human-readable, not an XML dump.
Test with real first-time users
Run a five-person test with one task: find a specific service in a specific town. Watch where they hesitate. Adjust labels before you add more pages.
- Recruit people who have never used the site.
- Give one task with a service and a location.
- Note the first link they click and the first wrong turn.
Refine the menu after each round. A structure that feels obvious to you is often opaque to a newcomer, so let their clicks decide the final shape.
