Digitale groei met impact: Engels en Hybrid bouwen een performante website

Achtergrond

Engels is een gekende aanbieder van verfijnde raam- en deuroplossingen in hout, aluminium en pvc. Ze focussen boven alles op kwaliteit en esthetiek!

De familiezaak, die sinds 2007 bestuurd wordt door de derde generatie, viert dit jaar zijn 75e verjaardag. De Engels groep heeft vandaag zo’n 175 man in dienst en bestaat naast twee productiebedrijven (hout in Lokeren en aluminium in Eeklo) uit een afdeling voor de projectmarkt, een private label afdeling en een netwerk van 12 Engels-winkels.

De uitdaging

De allereerst uitdaging was om een website te bouwen op basis van de learnings én achievements van het afgelopen jaar.  De reeds behaalde successen en het vooropgestelde target mochten immers niet in het gedrang komen.

Nu… wij zijn Hybrid en bij ons draait het niet om zomaar een status quo te behouden! Door best practices te implementeren, zullen we op termijn nog betere resultaten  behalen!

De tweede uitdaging lag hem in het het optimaliseren van de verschillende SEO aspecten. Met de prachtige foto’s van Engels, stootte de oude website al snel op beperkingen mbt laadtijden en mobile friendliness.

Daarnaast was het uiteraard ook cruciaal om de reeds opgebouwde autoriteit te behouden op niveau van de domeinnaam, maar ook voor specifieke individuele pagina’s zoals winkels in je regio en productcategorieën zoals “houten ramen” en “aluminium ramen”.

Tot slot was het ook een uitgelezen kans om de informatie-architectuur opnieuw af te stemmen op de realiteit. Zijn voor alle relevante zoektermen pagina’s aanwezig? Klopt de user journey? Heeft elke bestaande pagina nog zijn nut?

Een derde aspect dat zeer belangrijk was voor het team van Engels was om de gebruiksvriendelijkheid van het cms te optimaliseren. De structuur van de oude website maakte het quasi onmogelijk om op een efficiënte manier teksten en foto’s aan te passen of om een nieuwe pagina aan te maken. Dit aspect is cruciaal als je snel een nieuwe landingspagina nodig hebt op je website!

Als laatste was er de uitdaging om een kleine rebranding te doen voor Engels. Het team bij Engels wist exact wat ze wilden: de herkenbaarheid van Engels behouden, waarbij elegantie, kwaliteit en eenvoud centraal staan. Een piece of cake voor ons design team natuurlijk

Waarom Hybrid Agency?

Na een samenwerking van 7 jaar met het vorige Digital agency koos ramen- en deurenfabrikant Engels begin 2020 voor Hybrid als nieuwe partner voor revenue driven marketing en leadgeneration. Dit met duidelijke ambities: een overall groei realiseren van +20%.

Deze uitdaging werd enkel groter toen vlak na Batibouw (en net na onze opstart) Covid uitbrak. In een sector die stoelt op fysieke verkoop en showroombezoek dienden we omwille van lockdown en beperkende maatregelen dit traditionele proces versneld te digitaliseren. Ondanks deze extra challenge konden we op een tijdsspanne van 1 jaar, het aantal kwalitatieve en door sales geaccepteerde leads bijna verdubbelen en dit aan een gehalveerde cost per lead tov 2019. Dubbel zoveel leads voor de helft van het budget! Je kan de details van onze aanpak en resultaten trouwens hier in depth lezen.

Na deze eerste succesvolle étappe in ons partnership merkten we dat voor verdere schaling het herwerken van de bestaande website noodzakelijk was. Binnen de bestaande setup hadden we met A/B testing en SEO optimalisatie het onderste uit de kan gehaald. Ook visueel was verdere aanpassing onmogelijk. Engels besloot dan ook ons team het vertrouwen te schenken om de website volledig te vernieuwen. Voor ons een geweldige opportuniteit om zo het partnership te versterken en de vooropgestelde resultaten nog verder te maximaliseren!

De samenwerking

Onze projectmanager startte met het verzamelen van alle noodzakelijke informatie om het project succesvol te maken. Tijdens het eerste intakegesprek met Engels werden verwachtingen en benodigdheden besproken, zoals de gewenste look & feel, keuze voor template of maatwerk, scope van MVP versus volledige website, relevante pagina’s, webhosting, budget en planning.

Daarnaast voerden we een analyse uit van de bestaande website om uitdagingen op het gebied van gebruiksgemak en techniek te identificeren. Het marketing-, development- en designteam stemde vervolgens functionaliteiten en pagina’s af. Ook technische aspecten zoals geïnstalleerde plugins, caching, CDN, lazy loading en compressie van CSS, HTML of afbeeldingen werden in kaart gebracht.

Al onze bevindingen en adviezen werden gebundeld in een overzichtelijke project sheet met user stories, mock-ups, budget- en tijdsinschatting. Na feedback en bijsturing werd de kick-off ingepland.

Tijdens de kick-off werd het volledige project overlopen: taken, verantwoordelijkheden en planning. De projectverantwoordelijke bij Engels kreeg toegang tot Click-Up, waarmee taken en deadlines overzichtelijk beheerd konden worden. Wekelijkse statusmeetings werden gepland om de samenwerking en voortgang tussen alle teams te optimaliseren.

De volgende stap lag in het uitwerken van de user experience en user interface. Voor de belangrijkste pagina’s werden wireframes opgesteld, waarin meteen ook de inzichten van het marketingteam werden meegenomen. Zo werd al van bij de start duidelijk hoe bezoekers door de site zouden navigeren en welke flows en content hen richting conversie zouden leiden. Op basis van de huisstijl, aangeleverde voorbeelden en inspirerende referenties werd een eerste prototype met de nieuwe kleuren en typografie gemaakt. De UI-elementen werden grafisch uitgewerkt in Invision, geschikt voor zowel desktop als mobile.

Een website heeft uiteraard de juiste inhoud nodig. Daarom werd veel aandacht besteed aan de invulling van de content. In overleg met Engels en het marketingteam werden de teksten en beelden van de oude website waar mogelijk geoptimaliseerd en aangevuld met keywords. Voor nieuwe pagina’s werd volledig nieuwe, SEO-geoptimaliseerde content geschreven, inclusief meta titels en omschrijvingen. Ook de nieuwe foto’s werden technisch geoptimaliseerd, en er werd een workflow voorzien zodat dit in de toekomst standaard zou gebeuren.

Na validatie van het design gingen onze WordPress-experten aan de slag met de bouw van de website. Hierbij werd gekozen voor een eigen page-builder in plaats van een standaard extensie, om zo de laadtijd en gebruiksvriendelijkheid te optimaliseren. Ook lead generating tools zoals de budgetcalculator en de stijlwijzer werden volledig op maat ontwikkeld en beheersbaar gemaakt via de admin zone. Daarnaast werden belangrijke plugins geïnstalleerd, waaronder Yoast, een redirect-plugin en optimalisaties voor lazy loading, caching en compressie.

De projectopvolging en validatie gebeurden wekelijks samen met Engels, waarbij toegang tot een testomgeving werd voorzien om alle pagina’s zelf te doorlopen en valideren. Ook het interne Hybrid-team keek de eerste versie na om de oplevering te verifiëren.

Voor de go-live volgde een finale kwaliteitscontrole. Hierbij werden onder meer de laadsnelheid, compressie, browsercompatibiliteit en gebroken links getest met tools zoals SEO-optimer en Chrome Lighthouse.

Voor een complete lijst van alle to do’s die we overlopen en uitvoeren, kan je onze checklist downloaden via onderstaande link: Checklist oplevering website

Parallel werkte het marketingteam aan de online marketing. Zij zorgden voor de tracking in Google Tag Manager, pasten dashboards aan en bewaakten de impact op lopende advertenties. De nieuwe layout werd gefaseerd uitgerold met A/B-tests en via Google Search Console en AHREFS werd een redirect-plan opgesteld.

Na validatie en akkoord van Engels kon de go-live plaatsvinden. Ook na lancering werd de website nauw opgevolgd via Analytics, Search Console en AHREFS. Het traject werd afgerond met een feedback- en sign-off meeting, waarin zowel de samenwerking als het eindresultaat geëvalueerd werden.

Resultaten en impact

In oktober 2021 werd de website finaal gelanceerd. Wat mogen we concluderen?

Als we kijken naar de organische zoekresultaten in Google Search Console, zien we dat de positie van de website langzaam gestegen is in de eerste twee maanden van 2022 tov de 2 maanden voor de lancering, daarbij zien we een kleine stijging in de gemiddelde CTR in diezelfde periode. De lancering heeft dus geen negatieve impact gehad op de ranking. We zijn goed stabiel gebleven gedurende deze periode.

Als we kijken naar de evolutie van organische zoektermen binnen de top 10 en de top 3, zien we een duidelijk impact van de nieuwe website en zien we hier zelfs een verdubbeling tot verdrievoudiging!

Voor Engels was het natuurlijk belangrijk om de conversie op de website te behouden of te verbeteren. Zo zien we voor onder andere  “Afspraak maken” een mooie stijging in Conversie ratio. Daarnaast hebben we ook een nieuwe MQL gedefinieerd “Brochure downloaden”, die ook duidelijk interesse genereert en op termijn zal bijdragen tot het verhogen van het conversiepercentage.

De toekomst

De lancering van de nieuwe website was niet het eindpunt, maar eerder het begin van een volgende fase in de digitale transformatie van Engels. Dankzij de flexibele structuur en het gebruiksvriendelijke CMS kan het team zelf snel nieuwe pagina’s en campagnes toevoegen. De technische fundamenten, van snelle laadtijden tot SEO-optimalisaties, zorgen ervoor dat toekomstige uitbreidingen schaalbaar en duurzaam zijn.

Daarnaast staan er nog tal van verbeteringen op de roadmap. Denk aan het verder verfijnen van leadgenererende tools, het automatiseren van marketingprocessen en het uitbreiden van dashboards voor nog meer inzicht in klantgedrag en conversies. Ook de integratie van nieuwe contentformaten, zoals video en interactieve elementen, biedt kansen om de online beleving verder te versterken.

Voor Engels betekent dit dat de website niet alleen vandaag hun merk en expertise weerspiegelt, maar ook een solide basis vormt voor toekomstige groei. Samen blijven we optimaliseren, experimenteren en nieuwe digitale kansen benutten, met als doel de voorsprong in de markt te behouden én verder uit te bouwen.

Conclusie

De website van Engels werd met succes vernieuwd, zonder impact op de bestaande SEO-prestaties én met oog op toekomstige groei. Dankzij een doordachte aanpak, nauwe samenwerking en de inzet van een maatwerk page builder en slimme optimalisaties, beschikt Engels nu over een performante, gebruiksvriendelijke en visueel sterke website. De resultaten spreken voor zich: stabiele rankings, stijgende conversies en een stevige technische basis waarmee het team snel kan schakelen. Kortom: een geslaagd traject met blijvende impact.