Engels
Een maatwerk Magento-oplossing met het Hyvä-thema transformeerde de B2B eCommerce van Engels, met snellere prestaties, eenvoudiger onderhoud en naadloze ERP-integratie voor een optimale digitale ervaring.
Jan 2023 - heden
Engels Group – een 70 jaar oud Nederlands familiebedrijf met een jaaromzet van €40 miljoen – is gespecialiseerd in duurzame logistieke oplossingen. Ter voorbereiding op de uitbreiding naar de Britse markt hadden zij behoefte aan een modern, hoogpresterend eCommerce-platform ter ondersteuning van hun B2B- en B2C-groei. Wij ontwikkelden een samenhangend designsysteem, een volledig nieuwe frontend met het Hyvä-thema en uitgebreide functionaliteit.
Over het project
Engels is een familiebedrijf dat al 70 jaar bestaat. Het is uitgegroeid tot een internationaal bedrijf met een jaaromzet van circa €40 miljoen, met duurzaamheid als vaste kernwaarde.
Ze beschikken over moderne productiefaciliteiten, machines en middelen om maatwerk te leveren — van enkele stuks tot miljoenen producten. Dankzij uiteenlopende productietechnieken, zoals kunststoflassen, spuitgieten, rotatiegieten, vacuümvormen, golfkunststofverpakkingen, foamtechniek, plaatbewerking, bedrukken en markeren, produceert Engels onder andere transport- en magazijnbakken, opslagsystemen, pallets en palletboxen, opvangbakken, boxen voor gevaarlijke stoffen en afvalcontainers. Daarnaast leveren zij elektronica, software en logistieke diensten voor afvalinzameling.
Duurzaamheid staat hoog op de agenda. Engels werkt continu aan afvalreductie, het verlagen van de CO₂-uitstoot en het bevorderen van een circulaire economie.
Milieu en logistiek zijn onlosmakelijk verbonden. Slim ontworpen productdragers en herbruikbare verpakkingen maken het verschil. Glas, papier of gebruikte batterijen lijken afval, maar met de juiste inzameling en verwerking worden ze opnieuw waardevolle grondstoffen.
Engels is een gevestigde naam in Nederland, actief in meerdere EU-markten en nu ook in het Verenigd Koninkrijk. Als B2B-bedrijf komt het grootste deel van de omzet voort uit grote magazijndeals, tot stand gekomen via onderhandelingen in plaats van alleen via de website of klassieke e-commerce. Bovendien werkt Engels al sinds de jaren ’90 actief aan SEO, wat hen helpt om hoog in de zoekresultaten te blijven.
Omdat webprestaties steeds belangrijker worden, is Engels overgestapt van een trage Magento-frontend naar het snelle Hyvä-thema. Daarbij werd echter geen designsysteem vooraf ontwikkeld, waardoor de nieuwe Britse website inconsistent oogde. Ook voldeed de code van de vorige leverancier niet aan de Hyvä-standaarden, wat leidde tot tal van bugs.
De uitdaging
Alle huidige problemen in de webshop identificeren en oplossen, en een designsysteem ontwikkelen dat alle elementen met zo min mogelijk wijzigingen samenbrengt. Dit betekent dat er geen nieuw thema opnieuw from scratch hoeft te worden ontwikkeld. En dit zo snel mogelijk afronden, omdat het een echte hindernis vormde voor de uitbreiding naar de Britse markt.
In deze fase moet het bedrijf via de website een sterke eerste indruk maken, omdat het in het VK nog niet breed bekend is. Het nieuwe webwinkelontwerp moet volledig zijn en de betrouwbaarheid van het bedrijf benadrukken, evenals de veelzijdigheid in producten en oplossingen, duurzaamheid en de ambitie om positieve verandering te brengen. De website moet bovendien hoge prestaties leveren en rijke functionaliteit bieden, zodat hij de positie van het bedrijf als hightech onderneming weerspiegelt.
Wat we hebben gedaan
In samenwerking met de designer, frontend developer, eCommerce-manager en marketeers van zowel onze als de klantzijde hebben we een nieuw designsysteem ontwikkeld, gebaseerd op de componenten van het Hyvä-thema. Vervolgens hebben onze developers het thema aangepast aan de aangeleverde ontwerpen.
Op het hoofdscherm staat een grote afbeelding van de aarde met landlocators waar Engels actief is — als herinnering aan de missie van Engels om het milieu te dienen en een betere toekomst te creëren voor klanten, medewerkers en de planeet. Daarnaast versterkt een interactieve kaart de betrouwbaarheid van het bedrijf.
Een interactieve, gebruiksvriendelijke navigatiemenu draagt direct bij aan een positieve gebruikerservaring. Voor complexe catalogi zoals die van Engels is dit onmisbaar.
Custom video block
De producttegel toont alle belangrijke informatie voor klanten direct op de categoriepagina, zonder dat zij elke productpagina hoeven te openen: SKU-nummer, belangrijkste productspecificaties, staffelprijzen, voorraadstatus, prijzen incl. en excl. btw (voor B2B- en B2C-klanten), custom productlabels, toevoegen aan vergelijkingslijst, verwachte levertijd en Request a Quote-functionaliteit, die voor B2B net zo waardevol is als de Add to Cart-knop.
De productpagina is cruciaal voor elk eCommerce-bedrijf, omdat hier vaak de uiteindelijke aankoopbeslissing wordt genomen. Daarom bevat deze hoogwaardige productafbeeldingen, gedetailleerde beschrijvingen, levertijd, kleur- en maatopties en downloadbare productspecificaties. Het tonen van de voorraadstatus is essentieel, zeker bij Engels, waar eigen voorraadregels gelden die de levertijd beïnvloeden. Hiervoor ontwikkelden we custom voorraadstatusregels en leveringstijdsloten. Voor B2B-klanten is het belangrijk te weten of het gewenste product in de juiste hoeveelheid beschikbaar is en wanneer het geleverd kan worden. Omdat Engels producent is, heeft de voorraadstatus meer opties dan alleen ‘op voorraad’ of ‘uitverkocht’. Producten kunnen in verschillende productiestadia zitten, onderdelen of materialen kunnen nog in bestelling zijn, en voorraden kunnen verspreid zijn over meerdere magazijnen — allemaal factoren die de levertijd beïnvloeden.
Staffelprijzen maken transparante prijsstelling mogelijk met kortingen op basis van bestelhoeveelheid. Dit bespaart veel tijd voor salesmanagers, die zo minder vaak standaardkortingaanvragen hoeven te beantwoorden.
Met de Request a Quote-functie kunnen klanten een offerte aanvragen voor grotere hoeveelheden of maatwerkproducten. Engels beschikt over een breed scala aan productietechnieken, zoals kunststoflassen, spuitgieten, rotatiegieten, vacuümvormen, golfkunststofverpakkingen, foamtechniek, plaatbewerking en meer. Maatwerkbestellingen komen daarom vaak voor, en klanten moeten altijd eenvoudig een offerte kunnen aanvragen en snel een passend antwoord ontvangen. De manager krijgt via het formulier direct alle benodigde informatie, wat zorgt voor snelle en nauwkeurige offertes.
Met custom productlabels zoals ‘foodproof’ krijgen klanten direct essentiële informatie, zonder de volledige producttekst te hoeven lezen.
Voor Engels.uk en alle andere B2B-webshops is zoekfunctionaliteit cruciaal. 71% van de B2B-klanten begint hun productonderzoek via zoekmachines. Op Engels.uk hebben we een moderne Elasticsearch-zoekmachine geïmplementeerd met een full-screen pop-up die relevante zoekresultaten toont voor producten, categorieën, CMS-pagina’s en suggesties. De zoekresultatenpagina bevat daarnaast filters en sorteerfunctionaliteit.
Resultaten
Dit was de performance van de oude websites (Magento Luma-thema).

En zo presteert de webshop nu met het Hyvä-thema aan de frontend.

Samenvatting
Engels moderniseerde zijn B2B eCommerce met een high-performance Hyvä-frontend op Magento. We hebben de Britse webshop opnieuw ontworpen en geoptimaliseerd voor snelheid, gebruiksvriendelijkheid en schaalbaarheid — wat de SEO versterkte en de UX verbeterde voor complexe productcatalogi. Inmiddels zijn extra Engels-webshops naar Hyvä gemigreerd en staan er meer op de planning, ter ondersteuning van hun voortdurende digitale transformatie in meerdere markten.