HEINEN & HOPMAN
Innovatieve website met headless CMS en CDN zorgt voor efficiënt contentbeheer, veiligheid en ongekende snelheid
Met diepgaande kennis van klimaatbeheersing in de maritieme sector bedenkt Heinen & Hopman innovatieve systemen en oplossingen. Hun doel? De beste HVAC-services ter wereld bieden. En daar hoort ook een sterke website bij. Met meer dan 700 pagina’s is de website van Heinen & Hopman een belangrijke contentdatabase voor zowel medewerkers als opdrachtgevers. Maar dan moet het wel optimaal werken…
EFFICIËNT
CONTENT
BEHEER
“Omdat we ontzettend veel content op de website hebben staan, zagen we er tegenop om een nieuwe website te bouwen”, vertelt Marloes – Senior Marketing & Communication Specialist @Heinen & Hopman. “Maar het was hard nodig. De website was voor mij slecht te beheren, het CMS gedateerd en de hoeveelheid content maakte de site traag en soms zelfs onbereikbaar. Zowel aan de voor- als achterkant was er ook geen overzicht meer over de gepubliceerde brochures en handleidingen. Om hier verandering in te brengen, nam ik contact op met UBO.”
Duidelijke projectscope en heldere milestones dankzij Scrum
Door de grote contentdatabase is de website van Heinen & Hopman veel meer dan een digitaal visitekaartje. Om optimaal controle te houden over het gewenste eindresultaat hebben we de Scrum-werkwijze toegepast. “Dit zorgt ervoor dat je continu tegen het licht houdt of de ontwikkelingen en functionaliteiten aansluiten bij de doelstellingen”, licht Dylan – Full Stack Developer @UBO toe. “Waar liggen de prioriteiten? Hoe gaan we om met uitdagingen? En wanneer leveren we wat op? Voor ons werkt dit fijn. Maar ook voor Marloes. Dankzij korte sprints hak je samen snel knopen door.”
“Dankzij de duidelijke opleverpunten en heldere milestones, kon ik snel feedback geven en de doelstellingen goed in de gaten houden”, bevestigt Marloes. “Dit maakte het een heel flexibel project.”
Innovatieve tech stack pakt uitdagingen aan
“In sprint 0 zijn we gestart met een analyse van de oude website”, vervolgt Dylan. “Daarna gingen we aan de slag met het functioneel ontwerp. Hierin werken we uit welke functionaliteiten de website moet bevatten en welke technieken we gaan gebruiken. De uitdagingen waarmee Marloes bij ons gekomen is, zijn hierbij continu het uitgangspunt geweest. We hebben bijvoorbeeld gekozen voor een innovatief headless CMS in combinatie met een Content Delivery Network (CDN). Zo hebben we de front- en back-end van elkaar gescheiden. Het grote voordeel hiervan is dat de nieuwe website van Heinen & Hopman ondanks de grote hoeveelheid content tóch supersnel is. En veilig en goed vindbaar.”
Bij de bouw van een website houdt team UBO rekening met…
- Gebruiksvriendelijkheid
- Veiligheid
- Snelheid
- Bereikbaarheid
- Beheersbaarheid
“UBO begrijpt wat wij willen. En niet geheel onbelangrijk: UBO maakt gebruik van de nieuwste technologieën én werkt toekomstgericht.”
Uitdagingen
- 700 pagina’s content
- Gedateerd CMS
- Slecht te beheren
- Gebrek aan flexibiliteit
- Traag
- Verouderde security
Oplossingen
- Effectieve projectaanpak op basis van Scrum
- Tech stack gekoppeld aan uitdagingen
- Gescheiden front- en back-end met headless CMS
- Content Delivery Network (CDN)
OPTIMALE USER EXPERIENCE
Naast de techniek speelt natuurlijk ook de gebruiksvriendelijkheid een cruciale rol in het ontwerp. Hillany – UX & Webdesigner @UBO: “Om die te garanderen, heb ik verschillende wireframes ontworpen. De bouwtekeningen van de website. Het resultaat functioneert als een prototype. Hoe optimaliseren we de user experience? Zodat gebruikers snel en eenvoudig de juiste content weten te vinden? Met dit als uitgangspunt heb ik de opbouw van de website bepaald. De website moet op een manier werken die aansluit op de verwachtingen van de bezoeker. In deze fase heb ik samen met Marloes ook gekeken welke content er gemigreerd moest worden en hebben we (verstopte) dubbele pagina’s in kaart gebracht.”
heinenhopman.com: van website naar webapplicatie
Net als Heinen & Hopman zijn we bij UBO continu bezig met innovatie. We zijn dan ook heel trots op het resultaat van dit uitdagende project! “De backend is gebouwd in WordPress om de gebruiksvriendelijkheid en beheersbaarheid te verbeteren”, besluit Dylan. “Zo kan Marloes nu eenvoudig zelf wijzingen op de website doorvoeren en heeft ze controle over de grote hoeveelheid content. De front-end is gebouwd in ReactJS om de hoge snelheid, veiligheid en bereikbaarheid voor bezoekers te garanderen. Daarnaast was SEO een belangrijk onderdeel tijdens de migratie. Om te voorkomen dat de oude content niet meer gevonden wordt in Google, hebben we redirects ingebouwd. Het resultaat is dat heinenhopman.com nu veel meer is dan een website. Het is echt een portal voor bedrijfs- en productinformatie geworden. Het straalt de professionaliteit uit die bij een wereldspeler als Heinen & Hopman past.”
“Een website gebouwd als applicatie.”
Heinen & Hopman loopt voorop door…
“De razendsnelle nieuwe website met de nieuwste technieken.” – Dylan
UBO loopt voorop door…
“Zich blijven te ontwikkelen. Meegaan met de laatste trends en ontwikkelingen en de nieuwste technieken toe te passen.” – Marloes
CONTACT
OPNEMEN