Design the website around the customer’s next decision

Category: Web design and UX

Many business websites are organised around the company’s internal structure. Services follow departments, navigation mirrors the organisational chart, and the homepage attempts to give every part of the business equal space. The result may look tidy, yet still make it difficult for customers to determine what their next step should be.

A better starting point is to design the website around the decisions customers need to make. Each key page should help the user resolve one specific question: Is this relevant to me? Does the provider understand my needs? Can I trust them? What do I need to do to move forward?

This decision-oriented approach connects structure, navigation, typography, visual identity, accessibility and conversion. It also provides a more precise basis for evaluating design than questions such as whether the page feels modern or whether the button is large enough.

Start with the decision, not the page template

Before discussing colours, images and components, define which decision each page type should support. A service page and a contact page have different purposes, even though both should contribute to sales.

For a service page, the main decision might be: Should I look into this provider further? The user then needs, among other things, a clear description of the offering, who it is suitable for, how the collaboration works and what the next step involves.

For a customer story, the decision might be: Has this company solved a problem similar to ours? In that case, context, approach and results matter more than a lengthy presentation of the customer.

Create a simple decision map for the most important page types:

• User’s question: What is the visitor trying to clarify?
• Necessary information: What needs to be visible for the user to make a decision?
• Uncertainty: What could stop or delay the decision?
• Next step: What action is natural once the question has been answered?

This map should be created before detailed design begins. Otherwise, it is easy to fill an attractive page template with content that does not support the user’s actual evaluation.

Build the page in the order the customer evaluates the offering

A good page does not need to tell the whole story in chronological order. It should present information in the order the user needs it.

On a typical service page, the order might be:

1. What the company delivers, explained in concrete terms.
2. What problem or need the service is designed to address.
3. Who the service is and, where relevant, is not suitable for.
4. What the delivery includes.
5. How the process or collaboration works.
6. Documentation that reduces uncertainty.
7. A clear and realistic next step.

This structure makes it possible to scan the page and stop at the information you need. It also prevents the company’s background, methodology and values from appearing before an understandable explanation of the offering.

Pay particular attention to the first screenful. It should answer what you offer, who it is relevant to and where the user can go next. A slogan alone rarely fulfils this task. Instead, combine a precise headline with a brief explanation and an action that matches the user’s situation.

Let navigation support different levels of purchase readiness

Not all visitors are ready to contact the company. Some are exploring alternatives, others are comparing providers, and some simply want to find the phone number. Navigation must work for different levels of purchase readiness without becoming cluttered.

The main menu should prioritise entry points that help users understand the offering and evaluate the company. Internal labels should be replaced with words customers recognise. If a menu is called “Solutions”, the options beneath it must explain which problems, services or target groups the solutions relate to.

It is also important to distinguish between global and local navigation. The main menu helps users move between the main areas. Links, related services and calls to action on the page help users continue with the specific evaluation. Do not force every possible path into the top menu.

Also check that menu items, buttons and text links are not competing for attention. If “Read more”, “Explore options”, “Get started” and “Contact us” are all shown at once, users have to interpret distinctions that the company itself should have clarified.

Use typography to show what matters

Typography is not just about choosing a typeface. It should make the structure of the content visible. Users should be able to quickly distinguish the page title, section headings, explanatory text, documentation and actions.

Limit the number of text styles and give each style a clear function. If several heading levels look almost identical, the hierarchy becomes unclear. If body text is too small or compact, even good content becomes difficult to read.

Consider these points on both large and small screens:

• Are the lines short enough for the eye to easily find the next line?
• Is there sufficient space between paragraphs, headings and content groups?
• Are links and buttons clear without everything being emphasised at once?
• Do the headings retain a logical level, regardless of how they look?
• Can the text be enlarged without content or functionality disappearing?

Good typography reduces the need for decorative boxes, dividing lines and background colors. When the hierarchy is clear, the design can be calmer without becoming flat.

Make the visual identity a navigation tool

The visual profile should make the company recognizable, but on the website it also has a practical role. Colors, images, shapes and motion should help users understand content and actions.

For example, choose one consistent treatment for primary actions. If the brand color is used for buttons, decoration, backgrounds and icons alike, it loses its signaling value. Similarly, cards, quotes and fact boxes should look different only when they serve different functions.

Images should support the decision the page is intended to facilitate. A service page may benefit more from images showing how you work, what you deliver or your specialists in a real situation than from a broad atmospheric image. Customer stories should make it clear what was actually done, not just who the customer is.

Visual identity is most credible when it is used consistently and with restraint. Distinctiveness should come from clear choices, not from giving every section its own expression.

Treat accessibility as part of the decision flow

Accessibility is often checked at the end of a project. By then, contrast issues, illogical headings and interactive elements that are difficult to use are often discovered. These problems do not only affect people with permanent disabilities. They also make the site harder to understand in bright light, on a small screen, under stress or when users are scanning quickly.

Review each decision page and check that:

• information is not conveyed through color alone
• text and important interface elements have clear contrast
• headings describe the content that follows
• buttons and links have precise labels
• keyboard focus is visible and follows a logical order
• images that convey information have a text alternative
• content works when the screen is narrow or the text is enlarged

An important question is whether users can understand the page without having to interpret the layout visually. The content order must also be logical for people using a keyboard, screen reader or simplified view.

Choose a conversion that fits the decision

Conversion does not mean that every page should push for an inquiry. The action must match how far the user has progressed.

On an overview page, the right action may be to open a relevant service. On a detailed service page, it may be to book an introductory conversation. On a page for a complex delivery, the user may first need to see your working method, reference projects or common points to clarify.

The button text should describe what will happen. “Send an inquiry”, “Book a clarification call” and “See how we work” set expectations better than “Get started”. Also explain what the next step involves when the action requires time or personal information.

Avoid evaluating every page by the number of direct inquiries it generates. Also look at whether visitors find relevant services, continue to documentation and complete key tasks. Measurement should follow the decision map, not just the final button.

Conduct a decision review before redesigning

You do not need to wait for a full redesign. Select three to five important pages and conduct a focused review.

1. Write down the most important decision on each page.
2. Mark the content that is necessary for the decision.
3. Move, shorten or remove content that disrupts the sequence.
4. Check that headings and typography make the hierarchy clear.
5. Assess whether brand colors and visual elements point toward the right action.
6. Test the page on mobile, with a keyboard and with enlarged text.
7. Check that the next step is specific and appropriate to the user’s level of readiness.

It is useful to involve someone who knows your customer communications but has not written the website copy. They can often identify questions and objections that are missing from the page. Then test with people who are unfamiliar with the internal organization or professional terminology.

A website becomes more effective when it helps users make one understandable decision at a time. Then structure, navigation, typography, visual identity and accessibility work toward the same goal. Conversion is no longer a button pressed on as an afterthought, but a natural continuation of the information the user has just received.