hamburger menu
dot zwarte bel

"Niice. Jong, fris met kennis van zaken. Schakelen snel. Hebben zelfreflectie. Van Niice straalt enthousiasme en betrokkenheid af en ze zetten hiermee samen met ons de handtekening onder het werk: kwaliteit!"

- Karin Rog

ReintenInfra

De Twentse Weg- en Waterbouw (ReintenInfra), Negam, Dostal, DEGA, Dusseldorp ISM, Van Wijk Nieuwegein, Middendorp GmbH, Bronbemaling Schijf, Wegenbouwbedrijf De Rooij & Asfalt Centrale Twente (ACT); Tien bedrijven die gezamenlijk onder de naam ReintenInfra vallen. De vakbekwame spelers in cultuurtechnisch werk, grond-en sloopwerkzaamheden en weg- en waterbouwwerk.

Referentie tww, negam, dostal

De vraag van ReintenInfra

Vier bedrijven samenbrengen op één duidelijke en interactieve website welke vanuit één plek te beheren is. Kwaliteit is een belangrijke kernwaarde maar ook het personeel van ReintenInfra moet duidelijk terugkomen. 

ReintenInfra is vernieuwend en zocht een partner wie meedenkt over nieuwe ideeën en dit ook kan doorvertalen in een website.

Karin

Strategische
brainstormsessie

DNA, doelgroep en doelstellingen

De Kick-off is letterlijk de aftrap van het project. Tijdens deze aftrap houden we de strategische sessie.

Met een stapel post it's gingen we samen aan de slag. Wat is het DNA van ReintenInfra, waarom is ReintenInfra zo goed in haar werk, waarin onderscheidt ReintenInfra zich in de relatief traditionele markt, wat is haar meerwaarde, wat zijn haar doelstellingen en wie zijn de verschillende doelgroepen. Op basis hiervan bepalen we samen de koers die we gaan varen.

Requirements

Op basis van het DNA, de doelstellingen en de behoeften van de verschillende doelgroepen gingen we op papier zetten wat de vereisten van de website moesten worden. Dit doen we aan de hand van requirements. Hierdoor werd technisch en inhoudelijk duidelijk waar de site minimaal aan moet voldoen. 

Om deze wensen te prioriteren gebruiken we de MoSCoW-methode. Must haves (moet minimaal in het eindproduct komen), Should haves (functionaliteiten zijn zeer gewenst, maar zonder is het eindproduct bruikbaar), Could haves (als er nog tijd over is, zijn deze functionaliteiten zeer gewenst), Would haves (deze functionaliteiten zijn in de toekomst interessant).

Actieplan & functioneel ontwerp

We werken de sessie uit en zetten deze om in concrete actiepunten en verdelen deze over verschillende fases binnen de uitvoering van het project. Zo kunnen we uiteindelijk een duidelijke en concrete planning maken.

Aan de hand van de sessie schrijven we een functioneel ontwerp uit. Hierin staan de requirements van de website uitgeschreven en wordt de exacte invulling technisch en inhoudelijk duidelijk.

Hiermee werd het duidelijk wat en wanneer er moest gebeuren, zowel voor ons als voor ReintenInfra. Zo zijn we voorkomen dat er dingen vergeten werden en komt niemand voor onverwachte werkzaamheden en kosten te staan

Design

Vanuit de strategie, doelen, doelgroepen en requirements begonnen we met de wireframes. Dit houdt in dat we schetsmatig de website letterlijk op papier gezet hebben. Hiermee hebben we de focus op functionaliteiten en hiërarchie gehouden en werden we niet afgeleid door het design. Omdat de structuur vrij complex is, was dit van groot belang. We moesten namelijk vier verschillende bedrijven, met ieder hun eigen specialisaties en informatie samenbrengen onder één domeinnaam.

Wireframes

Na het maken van moodboards qua style en de wireframes, zijn we begonnen met het uitwerken van een concept. Nu wordt duidelijk hoe de website gaat aanvoelen en gaat werken. We zetten de designs namelijk in Invision App. In deze tool hebben we de designs gezet en er een klikbaar prototype van gemaakt, hierdoor ontstaat de beleving en het gevoel van een echte website. Dit was direct een schot in de roos waardoor. 

Wireframes Navigatie Mobile
Wireframes Navigatie Desktop

Designs

De designs voor desktop, tablet en mobiel werden verder uitgewerkt, afgestemd en na akkoord werd er gestart met de development fase.

3D Design Tww2

Development

We zijn begonnen met het inrichten van de back-end, de achterkant van Craft CMS (het professionele CMS voor internetbureaus). Omdat de structuur vrij complex is, was het van belang dat de basis van de website en het CMS direct goed was.

Per bedrijf en per pagina was er andere informatiebehoefte. Dat houdt in dat elke pagina anders ingedeeld moet kunnen worden. We hebben de pagina’s zo gemaakt dat de layout variabel ingedeeld kan worden door ReintenInfra. Dit hebben we gedaan met matrixblokken. Zo kan elke pagina voorzien worden van de meest relevante inhoud en indeling.

Bij projecten is de contactpersoon erg belangrijk. Wij hebben in Craft CMS een onderdeel ‘Contactpersonen’ gemaakt. Wanneer er een project aangemaakt wordt hoeft er alleen maar een contactpersoon geselecteerd te worden en hoeft niet steeds alle informatie van de betreffende contactpersoon opgezocht en ingevuld te worden. 

De projecten zijn een belangrijk onderdeel van de website. Bezoekers zien op de overkoepelende homepagina de projecten van elk bedrijf. Wanneer de bezoeker via Negam naar de projecten gaan, zijn alleen de projecten van Negam te zien. Dit is ook in Craft CMS gemakkelijk te beheren.

Wanneer de front-end en back-end(voor- en achterkant) aan elkaar gekoppeld zijn, is de website van lokaal naar onze developmentomgeving gezet. Hier kon ReintenInfra beginnen met het vullen van de website. Ondertussen werden de puntjes op de 'i' gezet, verwerkten we de feedback van ReintenInfra, werden de zoekmachine instellingen goed ingesteld en werden de voorbereidingen getroffen om live te gaan.

Conclusie

Kwaliteit!

De bedrijven zijn ondergebracht op één website. De website is zeer uitgebreid maar wel makkelijk te beheren door ReintenInfra. Daarnaast is de website schaalbaar en kunnen we deze gemakkelijk uitbreiden en optimaliseren. Een website waarbij de mensen achter het bedrijf zichtbaar worden en duidelijk wordt waar ReintenInfra mee bezig is.

Zoals ReintenInfra zelf zegt:

"Van Niice straalt enthousiasme en betrokkenheid af en ze zetten hiermee samen met ons de handtekening onder het werk: kwaliteit!"

Optimaliseren

Door periodiek te gaan analyseren en doorontwikkelen werken we aan een website die blijft leven en steeds beter wordt. Niet elke paar jaar een nieuwe website en daarmee steeds weer opnieuw beginnen, maar een website die blijft groeien. 

Met bezoekersinfo en speciale tools kunnen we achterhalen hoe de website gebruikt wordt en waar mensen problemen mee hebben. Zo blijven we samenwerken en doorontwikkelen met één doel: kwaliteit!

Doorontwikkelen

Ondertussen hebben we alweer om tafel gezeten om naast de optimalisatie ook de doorontwikkeling te bespreken. We hebben alweer een lijst met hele mooie ideeën waarmee we de website kunnen uitbreiden.

Wat die ideeën zijn, zien jullie snel genoeg op de website.

Bekijk de website van TWW hier: TWW.nl


Cookie-instellingen
Om je beter en persoonlijker te helpen, gebruiken wij cookies en vergelijkbare technieken. Met de cookies volgen wij en derde partijen jouw internetgedrag binnen onze site. Hiermee tonen we advertenties op basis van jouw interesse en kun je informatie delen via social media. Als je verdergaat op onze website gaan we ervan uit dat je dat goedvindt. Meer weten?

Oké