In Short
- Your website isn't a brochure; it's a tool for user tasks. Design for what visitors need to do, not what your marketing team wants to say.
- Map your business offerings (services, industries, locations) into a grid. Each cell is a potential, hyper-targeted landing page. This is your Information Architecture.
- Build navigation around the few, most critical user tasks. Menus are shortcuts, not a table of contents for your entire business.
- Aesthetics are my job. Your job is to define the business logic and customer needs that dictate the website's structure. Let's talk architecture, not drop shadows.
- Every user journey, every click, every interaction must guide the visitor to a clear, logical next step—a call to action. Never leave them at a dead end.
Let's get one thing straight from the outset. Most conversations I have with new small business clients about their website start in the wrong place. They begin with aesthetics, with brand colours, with the 'feel' of a competitor's site they happen to like. This is, to put it mildly, like deciding on the colour of the curtains before you've even poured the foundation for the house. It's a complete, and utterly common, misreading of what a website is for.
A website is not a painting. It's a machine. A purpose-built engine for facilitating transactions between you and your customers. And if we're going to build a high-performance engine, we need to be engineers, not just decorators.
The Prime Directive: Design for the Transaction
For years, businesses have been conditioned to think of their websites as digital brochures. A place to talk about themselves, their history, their mission statement. This is a dead-end. Nobody—and I mean nobody—wakes up in the morning eager to read your company's origin story. They wake up with a problem they need solved. Now.
This is where I introduce the concept of
transactional design. It’s a simple but profound shift in perspective: we stop asking, "What do we want to tell them?" and start asking, "What did they come here to
do?"
These 'doings' are transactions. They can be explicit, like 'Buy a Product' or 'Book a Consultation', or they can be informational, like 'Find Emergency Contact Number' or 'Check Service Area'. Your first job, before we even think about a single pixel, is to list every possible transaction a user might want to perform on your site. All of them.
Then, we rank them. This isn't a simple list of what you think is important; it's a brutal negotiation between two forces: the user's urgency and your business's profitability. A plumber's website is a classic case. The user's most urgent transaction is almost always 'Emergency Call-out'. It's a distress purchase. The business, however, might find 'New Bathroom Installation' far more profitable. A successful design doesn't ignore one for the other—it services the urgent need immediately (a big, obvious phone number) while creating clear, compelling pathways towards the more profitable transaction for those who aren't currently standing in a puddle of water.
The Blueprint: Your Business as a Matrix
Once we know what people need to do, we need to map out the places they can do them. This is your
Information Architecture (IA), and I want you to discard the idea of a simple, hierarchical sitemap tree. That's a filing system for a library. We're building a city.
Instead, I want you to think of your business as a multi-dimensional matrix. Let’s model it. What are the core dimensions of what you offer? For a B2B consultant, it might be:
- Dimension 1 (Services): Managed IT, Cybersecurity, Cloud Migration, Custom Software.
- Dimension 2 (Industries): Legal, Healthcare, Manufacturing, Retail.
- Dimension 3 (Geographics): Sydney, Melbourne, Regional NSW.
Now, imagine this as a three-dimensional grid. Every single cell where these dimensions intersect is a unique, hyper-specific landing page. The cell for [Cybersecurity] x [Legal] x [Sydney] isn't just a generic page about security; it's a laser-focused page titled "Cybersecurity Solutions for Sydney-Based Law Firms."
This page can speak directly to the specific compliance issues and threats faced by law firms in that city. It's devastatingly effective for
search engine optimisation and, more importantly, it tells a potential client in that exact niche, "I understand you. I solve
your specific problem." This matrix becomes the complete universe of your offerings, the foundational blueprint for every piece of content we create.
Weaving the Paths: How Users Traverse the Matrix
So, we have a list of prioritised tasks (transactions) and a map of all possible destinations (the IA matrix). Now we build the roads. This is where UX design—the buttons, the hyperlinks,
the forms, the visual cues—comes into play. It’s the art of creating intuitive pathways through your digital world.
And what about your main menu? Your navigation bar? Think of it as the motorway system. It’s for people who already know their destination and want the fastest route. It should contain shortcuts to only the top-ranked, most frequent transactions. That's it. Putting every cell of your matrix in the main navigation is like putting every single street name on the M1 exit sign. It creates cognitive overload and becomes utterly useless.
The real journeys, the ones that build trust and guide a user from a vague problem to a specific solution, happen within the content itself—through contextual links, clear calls to action, and related service suggestions. The IA matrix provides all the destinations; the transactional design ethos carves the pathways between them. We make sure all those matrix pages exist, are indexed by Google, and are discoverable via onsite search, but we don't cram them all into the shop window.
The Great Design Distraction: Let's Talk About What Matters
This brings me back to my first point. The colour of the curtains. I understand. The visual design is the first thing you see, and
research is unequivocal: visitors make a snap judgment about your credibility based on aesthetics in milliseconds. A professional, clean, and appropriate visual design is not optional. It is table stakes.
But it is also my job. As a designer with decades of experience, I handle that. It's the craft I bring to the table.
Your critical contribution, the expertise that I can't possibly replicate, is the deep knowledge of your business and your customer. Your role in our collaboration is not to be an art director, debating the merits of a drop shadow or the precise hex code of a secondary button. Your role—your mission—is to
work with me to define the transactions and build the IA matrix. You tell me you need a house with four bedrooms and a north-facing kitchen; you don't tell me what brand of hammer to use to build it.
When our conversations shift from subjective aesthetic taste to the objective logic of your business structure and your customers' needs, that's when we start building something that doesn't just look good, but that genuinely works.
The Hierarchy of Action: Putting it All in Place
This entire philosophy manifests in a clear, practical hierarchy on every page. It’s a simple set of rules that governs where we place things to maximise clarity and effectiveness.
The Header (or Hero Section): This is the front door. It gets one job. It must state your value proposition—what you do and for whom—and present the single most important primary transaction as a call to action (CTA). Maybe, just maybe, a secondary, lower-contrast CTA is permissible, but that's it. Don't make visitors think. Tell them where they are and what to do next.
The Top-Level Navigation: As we've discussed, these are the expressways. The three to five absolute top tasks that most of your visitors are here to accomplish. 'View Services', 'Get a Quote', 'Contact Us'. Use plain, simple language. No marketing fluff like 'Solutions' or 'Innovations'.
Submenus and Footers: This is where the rest of the map lives. Supportive content—About Us, Careers, Legal Policies, blog posts—and the deep-dive categories from your IA matrix can be organised here. They are for the explorers, the researchers, and the people who arrive with a very specific, less common goal.
This logic applies as you scroll down a page, too. Each section should have a clear purpose, a heading that orients the user, and a conclusion that leads them to the next logical step. A page is a conversation. A dead-end page is like someone walking away from you mid-sentence. Every path must lead somewhere, culminating in a meaningful call to action.
Ultimately, this approach is about
building a website with intent. It’s not an abstract piece of digital art to be admired from afar. It’s a hard-working tool, engineered from the ground up to connect a customer's need with your solution in the most efficient and effective way possible. It’s less about making things pretty—frankly, that’s the easy part—and all about making things
work.
