Bureau Spoorbouwmeester

Informatie en inspiratie over het spoor en de stations

Spoorbouwmeester

Bureau Spoorbouwmeester wilde de website Spoorbeeld compleet vernieuwen. Architecten, uitvoerders en andere betrokkenen bij NS en ProRail vinden hier het ontwerp- en vormgevingsbeleid van het spoor. Maar ook inspiratie en voorbeelden voor hun werk aan een project aan het spoor, de spooromgeving, het station, de stationsomgeving of de trein. We hebben, binnen een jaar, Spoorbeeld.nl herontworpen en samen met bouwpartij Cinnamon gerealiseerd.

Vraag

Bureau Spoorbouwmeester wilde een toekomstbestendige website met eenvoudiger contentbeheer, waar alle bezoekers een goede ervaring hebben bij het vinden van relevante informatie. Ook moest vindbaarheid door zoekmachines verbeterd worden (SEO).

Oplossing

Met goed gestructureerde én ontkoppelde content hebben we een geheel nieuwe, dynamische site ontworpen.

Resultaat

Een visueel aantrekkelijke, consistente site die mede tot stand kwam door de zeer waardevolle input van de dagelijkse gebruikers van Spoorbeeld.nl

(artikel loopt door onder de afbeelding)

Spoorbeeld op smartphone

In gesprek met de gebruikers

Iedereen die werk verricht aan het spoor, de trein of het station kan op Spoorbeeld.nl relevante informatie vinden. We zijn met een aantal van deze mensen gaan praten om te kijken hoe we hun gebruik van de website konden optimaliseren.

We hebben op die manier de belangrijkste behoeften, taken en barrières van de gebruikers kunnen bepalen. Al deze requirements hebben we vervolgens gevisualiseerd in een klikbaar prototype. Dus niet een abstract en weinig zeggend lijstje met requirements in een lange Excelsheet, nee, een echt werkend prototype.

Niet alleen hielp dit in de communicatie met Bureau Spoorbouwmeester. Ook konden de gebruikers van de site al in een vroeg stadium een beeld van het voorgestelde design krijgen. De nieuwe opzet bleek helder, de informatie snel te vinden en onder andere door het gebruik van veel foto’s de site ook meer inspiratie te bieden. Ook gaf het een goed houvast voor de inschatting van de realisatie.

Ontkoppelde content

Naast gebruiksvriendelijkheid voor de bezoekers van de site waren belangrijke eisen van Bureau Spoorbouwmeester toekomstbestendigheid, betere vindbaarheid door zoekmachines (SEO) en eenvoudiger contentbeheer. Onderwerpen waar natural content design (goed gestructureerde én ontkoppelde content) - een antwoord op kon geven.

Door het ontkoppelen van content wordt die content herbruikbaar voor andere pagina’s. Voorbeeld: in plaats van de biografie van een architect op meerdere pagina’s te plaatsen (en dus te moeten beheren), bouwen wij één component met de info over de betreffende architect. Dat component kun je vervolgens gebruiken op meerdere pagina’s, zoals een pagina over een bepaald station, maar ook op een overzichtspagina van architecten. De content kan zelfs (via API) gebruikt worden op andere websites. Hiermee wordt content dus consistenter en hoef je het maar één keer te beheren.

Hergebruik van content

Waarden

Veel bezoekers van de website hebben een ontwerpachtergrond. In de spoorsector is er veel aandacht voor consistente ruimtelijke kwaliteit. Esthetiek, consistentie en iets zinvols nalaten bleken niet alleen voor Bureau Spoorbouwmeester belangrijke waarden, maar ook voor de bezoekers van hun site.

De huisstijl van Bureau Spoorbouwmeester, met als leitmotiv form follows function, is ook al echt op deze waarden gebaseerd. Er is een vast kleurenkader voor de drie belangrijkste informatiesoorten en voor de papieren documenten is een heel helder en aantrekkelijk visueel kader neergezet. Door deze huisstijl door te vertalen naar de website hebben we een visueel aantrekkelijke, consistente site gerealiseerd. Ook fotografie is een belangrijk onderdeel van de huisstijl.

Spoorbeeld op desktopSpoorbeeld op tabletSchermen Spoorbeeld

Op basis van een uitgebreide enquete onder gebruikers en een analyse van de inhoud en de toegankelijkheid, hebben we ons systeem (CMS) en het visueel ontwerp aangepast, zodat de site weer jaren meekan en te gebruiken is op alle devices omdat we nu gebruik maken van de allerlaatste technieken en actuele inzichten.

Jos van den Hende - Opdrachtgever namens Bureau Spoorbouwmeester voor Spoorbeeld.nl

Samenwerking is key voor de realisatie

Het werkelijk realiseren van alle designs in Drupal 9 en het migreren van de content bleek uiteraard niet altijd eenvoudig. Maar het werken met bouwblokken (atomic design) gaf een uitstekende basis. Daarnaast bleek goede samenwerking en regelmatig overleg over de uitwerking van de details voor alle partijen een goede manier om stapsgewijs tot een stabiele website te komen.

We kijken terug op een hele prettige samenwerking met Cinnamon, de bouwpartij. En we zijn enorm trots op het gezamenlijke resultaat.

Ook inspiratie voor een herontwerp?