From homepage to enquiry: Design the website around the customer’s next decision

Category: Web design and UX

Many business websites are built as presentations of the company. They showcase the organization, services, history and latest news. The problem is that customers rarely visit a website to study the company. They are trying to solve a task, evaluate an option or reduce uncertainty before making a decision.

A more useful starting point for web design is therefore to ask: What does the visitor need to understand, find and do next?

When a website is planned around these decisions, it becomes easier to prioritize content, simplify navigation and place calls to action in the right locations. The result is not just a cleaner design. The website also becomes more accessible, more credible and better suited to generating inquiries.

Start with the customer’s task, not the menu

A common mistake in website projects is to start with an organizational chart and turn departments or internal areas of expertise into menu items. This may seem logical to employees, but be difficult for customers to understand when they use different words and categories.

Instead, start with the most important tasks the website should support. For a business website, these might include:

• understand what the company delivers
• find a relevant service
• assess whether the provider has the right expertise
• see examples from similar customers
• understand pricing, the process or delivery times
• book a meeting or submit an inquiry

Prioritize three to five main tasks. If everything is defined as equally important, the interface will quickly fill up with competing messages, buttons and entry points.

Create a simple decision map

A decision map does not need to be advanced. Write down what customers typically wonder about at the different stages:

1. Orientation: Is this relevant to my business?
2. Evaluation: Can this provider solve our needs?
3. Confidence: Do they have the experience, capacity and a clear way of working?
4. Action: What happens if I get in touch?

The map provides a practical framework for both page structure and content. A service page, for example, should not stop at a general description. It should also explain who the service is for, which problems it solves, how the collaboration works and what the customer can do next.

Give each page one clear primary task

A page can contain a lot of information, but it should have one dominant function. The homepage should often help users choose the right direction. A service page should explain and qualify. A customer story should demonstrate experience. A contact page should make it easy and feel safe to start a dialogue.

When the purpose is unclear, the design often becomes fragmented. The same page may contain news, campaign boxes, links to every service, multiple forms and different calls to action. Users are then left to decide what matters.

For each key page, therefore, define the following:

• Who is the page primarily designed for?
• Which question should it answer?
• What should the user take away?
• What is the natural next step?

This clarification makes it easier to remove elements that do not support the page’s task.

Navigation should explain, not impress

Good menu items use words customers recognize. “Services,” “Industries,” “Customer stories” and “Contact” are often easier to understand than creative names that require interpretation. Originality can be valuable in the visual identity, but rarely in basic navigation.

Keep the main menu consistent throughout the website. Repeated navigation in the same place and in the same order makes the website more predictable, which is important for both general usability and accessibility. W3C also highlights clear structure, descriptive headings and consistent navigation as key principles.

On larger websites, the main menu should be supplemented with other ways to access content. These may include search, breadcrumbs, relevant links in the text or a local submenu. The goal is not to offer as many choices as possible, but to make it possible to find your way without having to start from the homepage every time.

Test the menu without the design

Write the menu items and subpages in a simple text document. Ask someone who is unfamiliar with the project to point out where they would go to find pricing information, a specific service or the contact person for an area of expertise.

If the test requires explanations, the problem is probably the structure or wording—not the colors, icons, or animations.

Use typography to show what matters

Typography is about more than choosing a typeface. On a business website, typography’s most important task is to establish a clear visual hierarchy.

Users should be able to quickly distinguish between:

• the page’s main topic
• important subtopics
• explanatory body text
• links and actions
• supplementary information

The differences must be clear enough. If headings, introductions, and body text are almost the same size and weight, the page becomes difficult to scan. The same applies if half the text is bold or every element uses a different typeface.

Preferably choose a limited typographic system with fixed levels. Ensure sufficient line spacing, text lines that are short enough, and whitespace between content groups. On mobile, the text must be readable without users having to zoom, and headings must be able to wrap without breaking the layout.

Let the identity support understanding

A visual identity should make the organization recognizable, but it must also work in a digital interface. Brand guidelines developed primarily for presentations and printed materials do not always account for contrast, interactive states, or small screens.

A practical digital design profile should therefore define:

• colors for text, backgrounds, links, and buttons
• how links appear before and after activation
• focus indicators for keyboard navigation
• button variants and when to use them
• typographic levels on large and small screens
• styles for photography, illustrations, and icons

The brand color does not need to be used on every surface. The identity is often clearer when the color is used consistently on selected elements, while the content is given calm backgrounds and plenty of space.

Accessibility must be addressed before the design is approved

Accessibility is not a check that should be postponed until the website has been fully developed. Many problems arise as early as the design phase: insufficient contrast, unclear form fields, small click targets, missing focus indicators, and information conveyed solely through color.

In Norway, accessibility requirements apply to many online solutions that provide information or services to the general public. The requirements vary, among other things, between the private and public sectors. For private organizations’ online solutions, the regulations refer to WCAG 2.0 at levels A and AA, with certain exceptions. The organization should clarify exactly which requirements apply to the specific solution.

Accessible design is also practical UX work. Clear headings help users scan. Good contrast makes text easier to read in sunlight. Visible keyboard focus shows users where they are. Clear error messages make forms easier to complete. W3C’s design guidance highlights, among other things, sufficient contrast, clear interactive elements, labeled form fields, and designs that work across different screen sizes.

Place the action where the decision is made

Conversion is not about filling the page with “Contact us” buttons. An action works best when it follows the information users need to feel ready.

On a short service page, one clear button may be enough. On a longer page, the action can be repeated after key sections, but the wording should fit the situation. “Request an assessment,” “Talk to an advisor,” or “Describe your needs” says more than “Submit” or “Read more.”

Also reduce uncertainty around the action itself. Explain what happens after submission, how much information the form requires, and whether the inquiry is non-binding. A short form is not automatically the best; what matters is that every field has a clear purpose.

A practical 20-minute review

Choose one important page and assess it without discussing personal taste:

1. Can a first-time visitor understand the offering from the page’s first screen?
2. Is the main heading specific enough to work without the rest of the text?
3. Is it easy to see which elements are links and buttons?
4. Can the content be scanned through descriptive subheadings?
5. Do the text and interactive elements have sufficient contrast?
6. Does the page work with a keyboard and on a narrow mobile screen?
7. Does the most important action come after relevant decision-making information?
8. Does the user understand what happens after the action is completed?

Note problems that hinder understanding or progress before discussing aesthetic adjustments. This results in more precise prioritization than starting with whether someone likes the color, typeface, or size of an image.

Good web design makes the next step clear

An effective business website does not need to be visually restrained or look like its competitors’. It can have a strong identity while still being easy to use. The key is for structure, navigation, typography, and visual elements to work in the same direction.

When each page helps the customer make one specific decision, the design also becomes easier to evaluate. The question is not only whether the website looks professional, but whether it makes it easy to understand the offering, find relevant information, and move forward with confidence.