Jasper Bloem

Project

JVMA Makelaars

Voor makelaarskantoor Adversity bouwde ik de koppeling met Realworks en de bijbehorende woningaanbod-pagina's: het archief met filters en de detailpagina van een woning.

Jaar
2025
Industrie
Makelaardij / vastgoed
Klant
Adversity
Live website
JVMA Makelaars

Project details

WordPressRealworksTailwind CSSAlpine.jsGoogle Maps API

Voor makelaarskantoor Adversity heb ik de koppeling met Realworks gebouwd, het systeem waarmee Nederlandse makelaars hun woningaanbod beheren, en de pagina's die dat aanbod tonen. Op de archiefpagina (/woningen/) kunnen bezoekers filteren op plaats, status, type, prijs en bouwjaar, met tellingen per filteroptie die live meebewegen met de resultaten. De detailpagina van een woning toont een foto-lightbox, een tabblad-indeling met overzicht, omschrijving en kenmerken, het energielabel, downloadbare brochures, en een Google Maps-kaart met Street View van de locatie. Kleine interactieve onderdelen zoals de tabbladen en de lightbox heb ik met Alpine.js gebouwd, terwijl de opmaak in Tailwind CSS is gedaan. Een specifiek aandachtspunt was het filteren van statussen uit de Realworks-sync, zodat bijvoorbeeld ingetrokken of geannuleerde woningen niet per ongeluk op de site verschijnen.

Contact

Zeg Hallo

Heb je een project in gedachten? Vertel me er iets over, dan reageer ik binnen een dag.