Een schaalbaar maatwerk platform voor witgoed als service
Homie verhuurt op abonnementsbasis duurzame en energiezuinige huishoudelijke apparaten, van wasmachines en drogers tot koelkasten, aan zowel particulieren als zakelijke klanten. Om die dienst te kunnen leveren komt veel samen: bestellingen, abonnementen, betalingen, leveringen en de slimme apparaten zelf moeten allemaal naadloos op elkaar aansluiten. Samen met Online Marketing Bakery hebben wij hun verouderde platform vervangen door een volledig nieuw, op maat gebouwd Laravel- en Vue-systeem.
{Case}
Tech Stack

Situatie
Het oude platform van Homie bestond uit een WordPress-website met WooCommerce, gekoppeld aan een aparte middleware-laag die op haar beurt weer communiceerde met drie externe systemen: een ERP-omgeving, een paymentprovider en een logistiek platform voor route- en magazijnbeheer waarmee de apparaten bij klanten worden afgeleverd en weer opgehaald.
Die opzet werkte op zich, maar bracht in de praktijk een aantal flinke uitdagingen met zich mee. De middleware was een afzonderlijke laag die los onderhouden moest worden, waardoor wijzigingen vaak op meerdere plekken doorgevoerd moesten worden. De combinatie van WordPress en WooCommerce begon de complexiteit van een abonnementsdienst met logistieke flows, deelbetalingen en B2B-trajecten niet meer goed te dragen. Daarnaast was de bestaande data op een eigen, unieke manier versleuteld opgeslagen, wat een eventuele migratie complex maakte. Tot slot ontbrak een goede centrale plek waar Homie zelf content, pagina's en vertalingen kon beheren.
Kortom: Homie was toe aan één robuust platform dat alle losse onderdelen samenbrengt, kan meegroeien en eenvoudig te beheren is.
Aanpak
Samen met Online Marketing Bakery, die de strategie voor hun rekening nam, hebben wij in zes maanden een volledig nieuw platform gebouwd. Het project bestond uit meerdere grote bouwstenen die we hieronder uitlichten.
Een nieuw fundament met Laravel en Vue
Wij hebben gekozen voor een op maat gebouwde Laravel-backend in combinatie met een Vue-frontend. Hiermee hebben wij volledige controle over de applicatie en kunnen wij de domein logica van Homie precies modelleren zoals het hoort: abonnementen, contracten, betalingen, apparaten en gebruikersaccounts zijn allemaal eerste klas onderdelen van het systeem in plaats van plugins die op een webshop zijn gestapeld.
Middleware-logica geïntegreerd en verbeterd
In plaats van opnieuw een aparte middleware-laag in stand te houden, hebben wij de logica daarvan direct in het nieuwe platform opgenomen. Waar mogelijk hebben wij die logica verbeterd: stappen die in het oude proces los stonden zijn samengevoegd, foutgevoelige onderdelen zijn robuuster gemaakt en de flow is op meerdere plekken gestroomlijnd. Het resultaat is dat Homie dezelfde vertrouwde processen behoudt, maar dan binnen één omgeving in plaats van verspreid over meerdere systemen.
De drie externe systemen, een ERP-omgeving, een paymentprovider en het logistieke platform, zijn opnieuw aangesloten via duidelijke integraties. Hierdoor blijven bestellingen, betalingen en leveringen realtime synchroon lopen.
Robuuste verwerking met Laravel Horizon
Een platform als dit verwerkt continu allerlei taken op de achtergrond: betalingen die afgehandeld moeten worden, ERP-updates, logistieke statusupdates vanuit het route- en magazijnplatform, e-mails, herinneringen en meer. Wij hebben dit ingericht met Laravel Horizon, waarmee wij queues volledig kunnen monitoren, configureren en schalen. Mocht er een taak falen, dan wordt deze automatisch opnieuw uitgevoerd, zodat er nooit een betaling, bestelling of statusupdate verloren gaat.
Migratie van meer dan 40.000 records
Een andere grote uitdaging zat in de migratie. Vanuit het oude WooCommerce-platform moesten meer dan 40.000 records overgezet worden: klantgegevens, abonnementen, lopende contracten, bestellingen, producten en alle bijbehorende relaties. Een groot deel van die data was bovendien op een eigen, niet-standaard manier versleuteld opgeslagen, waardoor wij een eigen ontsleutel-laag hebben moeten bouwen om alles op een veilige manier te kunnen migreren.
Wij hebben dit proces stap voor stap opgebouwd, met uitgebreide test-migraties op staging voordat de definitieve overstap werd gemaakt. Hierdoor konden wij garanderen dat geen enkele klant, abonnement of bestelling verloren ging bij de livegang.
CMS binnen hetzelfde platform
Naast de applicatie zelf hebben wij in dezelfde omgeving een CMS toegevoegd. Hierdoor kan Homie blogs, productinformatie, bestellingen en abonnementen volledig zelf beheren, zonder afhankelijk te zijn van een ontwikkelaar of een extern systeem. Alles, van bestelflow tot blog, draait op één codebase en één database.
Meertaligheid
De site is opgezet als meertalig platform, met op dit moment Nederlands en Engels. De vertaalstructuur is zo opgebouwd dat extra talen eenvoudig toegevoegd kunnen worden, mocht Homie internationaal verder uitbreiden.
Resultaat
Na zes maanden bouwen draait Homie volledig op één nieuw, op maat gebouwd platform. De drie externe systemen waar voorheen een aparte middleware tussen zat, een ERP-omgeving, een paymentprovider en een logistieke platform, zijn nu direct vanuit dezelfde applicatie aangesloten. Dit maakt het systeem niet alleen sneller en betrouwbaarder, maar ook aanzienlijk eenvoudiger om door te ontwikkelen.
De ruim 40.000 records uit de oude omgeving zijn zonder verlies overgezet, inclusief de lopende abonnementen en alle versleuteld opgeslagen gegevens. Klanten van Homie hebben van de overstap dan ook nauwelijks iets gemerkt: dezelfde accounts (inclusief wachtwoorden), dezelfde contracten, maar dan op een platform dat klaar is voor de toekomst.
Door Laravel Horizon in te zetten voor de verwerking op de achtergrond is het systeem robuust geworden: betalingen, ERP-updates en logistieke statusupdates worden veilig en automatisch verwerkt, met automatische retries wanneer dat nodig is. Door het ingebouwde CMS kan Homie zelf content beheren en meertalige varianten onderhouden en kunnen extra talen in de toekomst eenvoudig worden toegevoegd.
Homie heeft daarmee een platform in handen waarmee zij hun pay-per-use propositie verder kunnen opschalen, zowel naar meer particulieren als richting het zakelijke kanaal van Homie Zakelijk en de Homie Laundry Lounge.
// Stack.results
De resultaten van dit project in cijfers.
Hoe het ging
{Onze werkwijze}
Intake
Kennismaken, wensen ophalen en doelen bepalen
Sprint 0
Architectuur, stack en aanpak bepalen
Voorstel
Scope, tijdlijn en budget zwart op wit
Development
Agile bouwen met constante updates
Testen
Alle apparaten, browsers en scenario’s
Live
Livegang en langetermijn partnerschap
{Cases}
Verder verkennen

Soortgelijk project?
We denken graag mee, vrijblijvend kennismaken kan altijd.





