Naar hoofdinhoud
WebsiteSEOWebapp (PWA)Statische sitePreact PWANode.jsDocker

Schoonmaakbedrijf MayCare

Website met 18 werkgebiedpagina's en eigen planning-app (PWA)

Schoonmaak

Lighthouse100 / 100 / 100 / 100
Pagina's40
Schoonmaakbedrijf MayCare

De uitdaging

Schoonmaakbedrijf MayCare werkt voor kantoren, VvE's, woningen, winkels en instellingen door heel Nederland. Het bedrijf had een website nodig die per doelgroep en per stad vindbaar is en offerteaanvragen oplevert, én een eigen systeem om medewerkers in te plannen, uren te registreren en aanvragen te beheren. Eén opdracht dus voor een snelle, SEO-sterke website en een app.

Onze aanpak

  • Heldere URL-structuur: /diensten/ met zeven dienstpagina's, vier doelgroeppagina's (zakelijk, VvE, particulier, instellingen) en 18 pagina's onder /werkgebied/ voor steden als Amsterdam, Utrecht, Rotterdam en Den Haag.
  • Elke pagina is statisch gegenereerd als HTML: CSS inline, gehashte bestanden met een jaar cache en één klein JavaScript-bestand. Dat geeft snelle laadtijden zonder zware framework-bundel.
  • Structured data per paginatype (LocalBusiness, Service, FAQPage en OfferCatalog), een XML-sitemap, een HTML-sitemap en een llms.txt voor AI-zoekmachines.
  • Afbeeldingen in AVIF, WebP en JPG in meerdere breedtes, met zelf gehoste lettertypen en een strikte Content Security Policy.
  • Offerte- en contactformulier met captcha, honeypot en rate-limit. Elke aanvraag wordt eerst opgeslagen en daarna gemaild, zodat er niets verloren gaat.
  • Google Analytics laadt pas na toestemming via de cookiemelding.
  • MayCare Planner (app.schoonmaakmaycare.nl): medewerkers klokken in en uit met GPS-locatie, zien hun diensten en uren en kunnen diensten in hun agenda zetten.
  • Beheer in dezelfde app: weekplanning met waarschuwing bij dubbele planning, meldingen bij niet in- of uitgeklokt of een GPS-afwijking van meer dan 250 meter, uren corrigeren met behoud van het origineel, CSV-export en medewerkers uitnodigen.
  • De aanvragen van de website komen direct in het beheer binnen, met status en notities.
  • De app is installeerbaar als PWA met service worker, werkt schermvullend vanaf het beginscherm en toont een nette melding zonder internet.
  • Veilig gebouwd: wachtwoorden met scrypt, sessies via HttpOnly-cookies, rate-limit op inloggen en dagelijkse back-up. Alles draait als Docker-stack met geautomatiseerde tests voor website, API, app en browser.

Resultaat

  • Lighthouse-score van 100 voor Performance, Toegankelijkheid, Best practices en SEO, zowel mobiel als desktop (lab-meting op 11 oktober 2026).
  • LCP van 1,8 seconde op mobiel en 0,4 seconde op desktop, met een CLS van 0 (zelfde meting).
  • Een uitbreidbare structuur van 40 pagina's waarin nieuwe diensten en steden een vaste plek hebben.
  • Eén omgeving voor website, aanvragen en medewerkersplanning, zodat een offerteaanvraag en de dagelijkse planning in hetzelfde systeem landen.
Bekijk website

Live preview

Zo ziet de website eruit op desktop en mobiel.

https://schoonmaakmaycare.nl
Schoonmaakbedrijf MayCare — desktop weergave

Ook gebouwd: de app

Inlogscherm van de MayCare Planner met de melding om de app te installeren
MayCare Planner: inloggen voor medewerkers en beheer, met de optie om de app te installeren.
MayCare Planner op een telefoon
De app op mobiel: installeerbaar vanaf het beginscherm.

Ook een website met eigen app laten maken?

Bereken direct wat een vergelijkbaar project kost of plan een gratis intake.