Post
UX design for B2B is a specific field with different rules from consumer design. Business buyers are not users browsing out of curiosity — they are professionals with a problem to solve, limited time and a certain wariness towards those wanting to sell them something.
Content
- The B2B buyer is different: how to design for them
- Homepage structure: the 5 seconds that count
- Navigation: less is better in B2B
- Services pages: where contacts are lost
- The contact form: UX at the crucial moment
- Speed is UX
- Mobile: not “compatible” but designed for
- Usability testing: how to understand where the site is not working
Designing for them means designing for trust, clarity and efficiency. Not for entertainment.
The B2B buyer is different: how to design for them
The typical B2B buyer arrives on your site with a specific problem and wants to quickly understand whether you are the right person to solve it. They are not browsing for pleasure. They have probably already looked at other similar sites.
What they are looking for: understanding immediately what you do and for whom, finding proof you are competent and reliable, finding a simple way to take the next step.
What drives them away: having to search for basic information, having to read a lot of generic text before finding something relevant, finding obstacles in the contact process.
Homepage structure: the 5 seconds that count
The homepage has 5–8 seconds to answer two questions: what do you do and for whom. If this is not immediately clear, the visitor leaves.
Above the fold must contain:
A headline that says exactly what you offer to whom — not “innovative solutions for your business” but “brand design and web development for professional firms and SMEs”.
A subheadline that explains the main benefit or differentiating method — in one sentence.
A clear CTA for the next step — not three buttons, one only, with text that says what happens after clicking it.
An immediate credibility signal — numbers (years of experience, clients served), logos of notable clients, relevant certifications.
Navigation: less is better in B2B
A menu with 10 items does not help the user to orientate — it overwhelms them. Eye-tracking research shows people scan the menu from left to right and stop at the first item that seems relevant.
Optimal navigation structure for a professional website:
Maximum 5–6 items in the main menu. Flat hierarchy: if you have sub-menus, maximum one level. Most important items on the left. A visually distinct CTA in the header — not part of the menu, but a separate button.
Services pages: where contacts are lost
The converting structure:
Problem headline — start from the client’s problem, not the service.
What is included — concrete and specific list.
Who it is for — specify the ideal target.
How the process works — 4–5 simple steps.
How long it takes.
Social proof specific to the service — a testimonial from a client who used exactly that service, with a concrete result.
One single CTA.
The contact form: UX at the crucial moment
Research on user behaviour: each field added to a form reduces the conversion rate by 3–5%. A form with 10 fields converts 25–35% less than a form with 4 fields.
Fields you really need: name, email, type of request (select with 4–5 options), free message. Optional: phone.
Fields not needed in first contact: VAT number, specific sector, budget, number of employees. Collect this information in the first conversation.
Form micro-copy: “No commitment, I respond within 24 hours” reduces contact anxiety. “Fill in the form to receive a free quote” converts better than “Contact us”.
Speed is UX
Every second of loading delay increases the abandonment rate by 20–30%. For a professional website, the practical objective is: LCP (Largest Contentful Paint) below 2.5 seconds, measured on Google PageSpeed Insights.
Mobile: not “compatible” but designed for
The practical difference:
Text is readable without zooming on 375px screens. Buttons and links have a clickable area of at least 44×44px. The form fills in without having to zoom on fields. The mobile menu is accessible with one hand.
Usability testing: how to understand where the site is not working
Google Analytics / GA4: which page has the highest exit rate?
Heatmaps and session recordings (Hotjar, Microsoft Clarity — both have free versions): you see where users click, where they stop to read, where they abandon.
Test with 5 people from the target: show the site to 5 potential clients and watch how they use it without guiding them.
Get in touch — if you have doubts about the UX of your current site or are planning a new site, in 30 minutes I identify concrete intervention priorities.
Note: I respond in English.
