Van een Magento
Gebroeders Bodegraven had een verouderde Magento website die toe was aan vernieuwing. De vorige website was verouderd en de ondersteuning voor de toenmalige versie zou worden stopgezet. De wens was een nieuwe website die zowel snel als veilig zou zijn en die aansluit bij de huidige technische standaarden.
De nieuwe website bevat veel nieuwe onderdelen en functionaliteiten die niet in de oude website aanwezig waren. Naast een nieuw jasje voor de voorkant zijn er ook aan de achterkant veel veranderingen doorgevoerd. Bijvoorbeeld de koppeling met het PIM-systeem en een geavanceerde zoekfunctie.
Veilig, snel en schaalbaar
Drupal en Vue.js als technische stack
De keuze voor Drupal was logisch vanwege de sterke focus op veiligheid, snelheid en schaalbaarheid. Het modulaire karakter van Drupal zorgt ervoor dat toekomstige uitbreidingen geen probleem zijn. Drupal maakt het eenvoudig om klein te beginnen en later nieuwe functionaliteiten toe te voegen zonder dat het platform aan stabiliteit verliest. De front-end werd ontwikkeld in Vue.js, wat zorgt voor een moderne en dynamische gebruikerservaring met een responsieve interface die snel laadt.
Koppeling met PIM-systeem
Een belangrijk onderdeel in dit project is de koppeling met het PIM-systeem. Deze koppeling zorgt ervoor dat de wijzigingen in het PIM-systeem automatisch worden doorgevoerd op de website. Dat scheelt veel handmatige werkzaamheden en het zorgt ervoor dat de informatie op de website altijd gelijk is aan de informatie in het PIM-systeem. In vaktaal heet dit "Single Source of Truth" (SSOT), oftewel: de informatie wordt op één plaats beheerd.
Meilisearch voor geavanceerd zoeken
Meilisearch is een open-source zoekmachine, ontworpen voor snelle en efficiënte zoekopdrachten. Het is eenvoudig te installeren en het ondersteunt functionaliteiten zoals typefout-tolerantie en relevantere zoekresultaten op basis van ingestelde rankingregels.
Om snel de juiste informatie en productvarianten te vinden hebben we verschillende ranking regels toegepast. Wanneer je als bezoeker zoekt op een artikelnummer, krijg je als eerste de variant te zien die daarbij hoort. Hetzelfde geldt voor maatvoeringen. Als er wordt gezocht op de naam van een variant in combinatie met een maatvoering (bijvoorbeeld 90x90), dan zal de meest relevante variant naar voren komen.
Met behoud van vindbaarheid
Migratie van Magento naar Drupal
De migratie van Magento naar Drupal was een belangrijk aspect van het project. Om te zorgen dat de bestaande indexering bij zoekmachines niet verloren ging, hebben we alle oude URLs omgeleid naar de nieuwe vervangende pagina’s via 301 redirects. Het instellen van de redirects zorgde ervoor dat de bezoeker vond wat hij of zij zocht, de klant geen organisch verkeer verloor en dat de vindbaarheid in zoekmachines werd behouden.
301 redirects
Redirects worden gebruikt om de bezoeker om te leiden als bijvoorbeeld een pagina niet meer bestaat. Een 301 redirect is een permanente verwijzing naar een andere pagina. Na een migratie kan het voorkomen dat pagina's niet meer bestaan. Met een 301 redirect wordt de bezoeker naar de juiste nieuwe pagina verwezen.
Oude pagina niet gevonden
Wanneer een bezoeker een pagina van de oude website probeert te bezoeken, kan deze in eerste instantie niet worden gevonden.
Zoek naar redirect
In plaats van een melding dat de pagina niet kan worden gevonden, wordt er gezocht naar een vervangende pagina, of een pagina die het meest erop lijkt.
Redirect naar nieuwe pagina
De bezoeker wordt dan omgeleid naar de nieuwe pagina met daarop de informatie waar hij of zij naar op zoek is.
Digitaal via Teams
Samenwerking met de klant
De samenwerking met de klant verliep grotendeels digitaal. Wekelijkse of tweewekelijkse meetings werden ingepland om de voortgang te bespreken, feedback te verzamelen en nieuwe wensen in kaart te brengen. De voortgang werd bijgehouden in Linear, een tool vergelijkbaar met Jira, waar de klant alle taken en updates kon inzien. Door middel van een testomgeving kon de klant afgeronde taken direct testen en feedback geven. Daarnaast werd regelmatig gecommuniceerd via Slack, wat zorgde voor snelle afstemming en besluitvorming. Incidenteel vond er een fysieke meeting plaats om grotere zaken te bespreken.
Resultaat
De nieuwe website is niet alleen moderner en sneller, maar ook veiliger. Door de modulaire opbouw is de website klaar voor toekomstige uitbreidingen, zonder dat hiervoor ingrijpende herstructureringen nodig zijn. De schaalbaarheid van Drupal was een belangrijke pijler in dit project, en het systeem biedt de klant de flexibiliteit om in de toekomst extra functies toe te voegen.
Na de lancering ontving de klant veel positieve reacties van gebruikers. Niet alleen is de website veel gebruiksvriendelijker, ook de snelheid en veiligheid zijn sterk verbeterd. De klant was erg tevreden over zowel het proces als het eindresultaat, waarbij de betrokkenheid en open communicatie tijdens de ontwikkeling als grote pluspunten werden ervaren.
Benieuwd hoe ik jou kan helpen?
Neem contact op om vrijblijvend kennis te maken.