Voorbeelden van bedrijfswebsites: wat kun je ervan leren?

Een goed websitevoorbeeld helpt je begrijpen waarom een keuze past bij het bedrijf en zijn bezoekers. Kijk daarom naar doelgroep, paginarol, bewijs en vervolgstap. Aan de hand van drie eigen projecten laten we zien welke keuzes je kunt onderzoeken voor jouw website, en wanneer dezelfde oplossing juist minder passend is.

De actuele Nederlandse Empaso-homepage, met een schermvullende hero en afgeronde hoeken

Kies een voorbeeld op de vraag die je wilt oplossen

Een website uit je eigen branche lijkt een logische referentie, maar een bedrijf uit een andere sector kan precies hetzelfde communicatieprobleem hebben. Denk aan meerdere doelgroepen, een groot assortiment of dienstverlening die zonder voorkennis lastig te begrijpen is. Kies eerst welk probleem je wilt onderzoeken.

Maak je notities concreet. ‘Mooie website’ geeft weinig richting aan een ontwerper. ‘De eerste navigatiekeuze volgt de rol van de bezoeker’ of ‘de aanpak maakt een ingewikkeld proces in stappen begrijpelijk’ is bruikbaar. Beschrijf ook wat je niet wilt overnemen, bijvoorbeeld veel animatie of een lange route naar contact.

Gebruik voorbeelden als onderzoeksmateriaal. Je eigen aanbod, bewijs en beschikbare inhoud bepalen welke oplossing uitvoerbaar is. Een fotogedreven website werkt bijvoorbeeld alleen als er beeld is dat jouw werkzaamheden of producten daadwerkelijk laat zien.

Empaso: meerdere doelgroepen één richting geven

Empaso presenteert onder meer teamkratten, sportbidons en watertappunten. Op de getoonde homepage staan producten én ingangen voor merken, sportclubs en scholen in de navigatie. Het hero-beeld toont producten in een gebruikssituatie. De bezoeker kan het aanbod dus vanuit een product of vanuit zijn eigen rol verkennen.

Die indeling is relevant wanneer verschillende groepen hetzelfde assortiment anders toepassen. Een school zoekt een andere uitleg dan een merk dat een campagne ontwikkelt. Eigen doelgroepteksten kunnen die verschillen zichtbaar maken zonder een los bedrijf te suggereren voor iedere groep.

De keerzijde is redactioneel werk. Een doelgroepingang verdient een eigen vraag, toepassing en inhoud. Als achter iedere ingang dezelfde tekst staat met alleen een andere groepsnaam, helpt de extra keuze weinig. Begin dan liever bij één heldere product- of dienstenstructuur.

De actuele Nederlandse Empaso-homepage, met een schermvullende hero en afgeronde hoeken
Empaso-homepage: doelgroepnamen staan naast de productingang. Het beeld laat een toepassing zien; de vervolgstappen zijn producten bekijken en een project bespreken. Bekijk de case
  • Controleer of je doelgroepen werkelijk andere vragen hebben.
  • Verbind een product aan een herkenbare toepassing.
  • Laat iedere ingang op eigen, bruikbare inhoud uitkomen.

Ecolop: diensten, producten en projecten uit elkaar houden

Ecolop heeft verschillende oplossingen voor zichtbaarheid en toegang. De website gebruikt aparte ingangen voor diensten, producten en projecten. In het getoonde overzicht zijn toepassingen zoals reclame, informatievoorziening en bewegwijzering herkenbaar. Een inhoudelijke uitleg en een productverwijzing krijgen elk een eigen rol.

Dit is bruikbaar wanneer een bezoeker zijn probleem kent, maar nog niet de naam van de oplossing. Hij kan eerst begrijpen waarbij een dienst helpt, vervolgens een product bekijken en daarna de toepassing in een project onderzoeken. Een productcatalogus hoeft dan niet de hele uitleg van je bedrijf te dragen.

De grens is overlap. Schrijf niet op iedere dienst-, product- en projectpagina hetzelfde algemene verhaal. De dienst beschrijft probleem en aanpak, het product specificaties en keuze, het project de uitgevoerde toepassing. Voeg alleen een nieuwe bestemming toe als die de lezer inhoudelijk verder helpt.

De aanbodstructuur van de nieuwe Ecolop-website
Ecolop: het overzicht verbindt een dienst met toepassingen en producten. De paginarollen geven richting aan een breed aanbod. Bekijk de case

Orange: een specialistisch proces zichtbaar maken

Orange Corporate Services legt de samenhang in financiële data uit met de Financial Data Integrity Chain. In de getoonde weergave zijn zeven onderdelen met elkaar verbonden. Bij een gekozen onderdeel worden doel, concrete onderdelen van het werk en te voorkomen problemen uitgelegd.

Een dergelijk model kan helpen wanneer losse vaktermen onvoldoende duidelijk maken waarom diensten samen nodig zijn. Het geeft de lezer eerst een overzicht, waarna detailinformatie een plaats krijgt. Het model moet daarvoor wel aansluiten op de werkelijke aanpak van het bedrijf.

Een diagram is geen bewijs dat een bezoeker de inhoud begrijpt. Controleer de leesbaarheid op mobiel en zorg dat belangrijke uitleg ook als tekst beschikbaar is. Vraag iemand uit de doelgroep om de aanpak in eigen woorden terug te vertellen. Gebruik eventuele twijfel om de uitleg bij te stellen.

Het Financial Data Integrity Chain-model van Orange Corporate Services
Orange Corporate Services: een procesmodel verbindt specialistische werkzaamheden. De uitleg naast het model geeft het gekozen onderdeel inhoud. Bekijk de case

Geef elk paginatype een eigen opdracht

Vertaal de voorbeelden naar je eigen website door per paginatype een vraag, bewijsstuk en vervolgstap te kiezen. De onderstaande indeling is een werkkader. Een bedrijf met één compact aanbod kan onderdelen combineren; een breed aanbod vraagt vaker afzonderlijke bestemmingen.

Van paginanaam naar inhoudelijke taak
PaginaVraag van de bezoekerWat helpt bij de beslissing?
HomepageBen ik hier voor mijn situatie aan het juiste adres?Een concrete propositie, herkenbare ingangen en een zichtbaar voorbeeld
DienstenpaginaWat lost dit op en hoe gaat dat?Aanpak, afbakening, afhankelijkheden en passende toepassing
ProductpaginaPast deze oplossing bij wat ik nodig heb?Specificaties, gebruikssituatie en keuzemogelijkheden
CaseWelk vergelijkbaar werk hebben jullie gedaan?Aanleiding, keuzes, uitgevoerde werkzaamheden en bevestigd resultaat
ContactWat gebeurt er als ik reageer?Verwachting van het gesprek en een passende manier om de vraag te stellen

Maak een kleine, onderbouwde referentielijst

Kies twee of drie voorbeelden en schrijf per voorbeeld op welk probleem de oplossing adresseert. Voeg de relevante pagina en een korte toelichting toe. Noteer wat jouw bedrijf anders maakt: doelgroep, lengte van het koopproces, bewijsstukken of benodigde functies. Zo wordt de referentielijst onderdeel van de opdracht.

Zoek ook een tegenvoorbeeld: een indeling die er goed uitziet maar voor jouw inhoud niet zou werken. Misschien zijn de diensten te verschillend voor één doorlopende pagina, of ontbreekt het beeldmateriaal om een fotografische presentatie te dragen. Die afweging voorkomt dat een stijlvoorkeur ongemerkt een inhoudelijke eis wordt.

Spreek af hoe je de gemaakte keuze beoordeelt. Kan iemand de passende dienst vinden, begrijpen waarom jullie relevant zijn en een logische vervolgstap nemen? Dat is een bruikbaarder gesprek dan de vraag of iedereen dezelfde kleur of compositie mooi vindt.

Bronnen

Breng het in de praktijk.

Alle vragen
Papieren paginamodules in een overzichtelijke websitestructuur

Welke pagina’s heeft een B2B-website echt nodig?

Een centrale papieren dienstmodule met enkele zelfstandige en enkele verbonden onderdelen

Heeft iedere dienst een eigen pagina nodig?

Een helder tactiel wegwijzersysteem met enkele duidelijke papieren routes

Hoe bouw je een navigatie die klanten laat kiezen?

Eerst je ontwerp zien.Dan beslissen.

Bespreek je website
Bel Sebastiaan