Devono
Een Londens vastgoedplatform opnieuw gebouwd met Claude Code en AI-adviseurs
Het probleem
Devono is een Londense adviseur op het gebied van kantoorruimte en helpt bedrijven bij het vinden, onderhandelen en vastleggen van de juiste werkplek.
De bestaande WordPress-website was in de loop der jaren uitgegroeid tot een omvangrijk content- en vastgoedplatform, maar de technologie erachter werd steeds moeilijker schaalbaar. Duizenden vastgoedobjecten, afbeeldingen, artikelen en locatiepagina’s moesten worden beheerd, terwijl het team ook meer controle nodig had over content, zoekfunctionaliteit en binnenkomende aanvragen.
De rebuild bracht nog een extra uitdaging met zich mee: Devono kon het bereik en de content die in de loop der jaren waren opgebouwd niet zomaar verliezen. Bestaande URL’s moesten blijven werken, grote hoeveelheden WordPress-data moesten veilig worden gemigreerd en de nieuwe ervaring moest zowel op desktop als mobiel soepel functioneren.
Tegelijkertijd wilde Devono dat het nieuwe platform meer zou doen dan alleen kantoorruimtes tonen. Bezoekers moesten op een natuurlijkere manier met de website kunnen communiceren, sneller relevante ruimtes kunnen vinden en vanuit die interacties eenvoudig kunnen doorstromen naar een concrete aanvraag.
Het probleem
Devono is een Londense adviseur op het gebied van kantoorruimte en helpt bedrijven bij het vinden, onderhandelen en vastleggen van de juiste werkplek.
De bestaande WordPress-website was in de loop der jaren uitgegroeid tot een omvangrijk content- en vastgoedplatform, maar de technologie erachter werd steeds moeilijker schaalbaar. Duizenden vastgoedobjecten, afbeeldingen, artikelen en locatiepagina’s moesten worden beheerd, terwijl het team ook meer controle nodig had over content, zoekfunctionaliteit en binnenkomende aanvragen.
De rebuild bracht nog een extra uitdaging met zich mee: Devono kon het bereik en de content die in de loop der jaren waren opgebouwd niet zomaar verliezen. Bestaande URL’s moesten blijven werken, grote hoeveelheden WordPress-data moesten veilig worden gemigreerd en de nieuwe ervaring moest zowel op desktop als mobiel soepel functioneren.
Tegelijkertijd wilde Devono dat het nieuwe platform meer zou doen dan alleen kantoorruimtes tonen. Bezoekers moesten op een natuurlijkere manier met de website kunnen communiceren, sneller relevante ruimtes kunnen vinden en vanuit die interacties eenvoudig kunnen doorstromen naar een concrete aanvraag.
De oplossing
Interactivated bouwde Devono.com opnieuw als een modern Next.js-platform, waarbij Claude Code intensief werd ingezet tijdens het ontwikkelproces.
Het nieuwe systeem brengt de publieke website, vastgoedzoekfunctie, contentbeheer en interne administratie samen in één schaalbare applicatie. Supabase verzorgt de database, authenticatie en opslag, terwijl het maatwerk-CMS het Devono-team directe controle geeft over vastgoedobjecten, artikelen, gebiedsgidsen, SEO-instellingen, aanvragen en andere dagelijkse content.
Een belangrijk onderdeel van het project was de migratie vanuit WordPress. In plaats van content handmatig over te zetten, bouwden we een herhaalbare migratiepipeline waarmee 1.295 vastgoedobjecten, ongeveer 9.400 afbeeldingen, 275 artikelen en 19 gebiedsgidsen naar het nieuwe platform zijn overgebracht.
De website introduceert daarnaast een veel uitgebreidere zoekervaring. Bezoekers kunnen zoeken op gebied, straat, postcode of metrostation, terwijl de architectuur ruimte biedt voor aparte gebiedspagina’s, servicecontent en een groot aantal databasegestuurde URL’s zonder dat het platform moeilijk te beheren wordt.
Claude Code speelde een centrale rol in de implementatie. Onze developer gebruikte het om de ontwikkeling te versnellen, goedgekeurde designs om te zetten naar productiecomponenten, efficiënter door de codebase te werken en het testproces te ondersteunen. Menselijke controle bleef daarbij onderdeel van iedere fase: architectuur, implementatiekeuzes, testing en deployment bleven onder verantwoordelijkheid van de developer.
De oplossing
Interactivated bouwde Devono.com opnieuw als een modern Next.js-platform, waarbij Claude Code intensief werd ingezet tijdens het ontwikkelproces.
Het nieuwe systeem brengt de publieke website, vastgoedzoekfunctie, contentbeheer en interne administratie samen in één schaalbare applicatie. Supabase verzorgt de database, authenticatie en opslag, terwijl het maatwerk-CMS het Devono-team directe controle geeft over vastgoedobjecten, artikelen, gebiedsgidsen, SEO-instellingen, aanvragen en andere dagelijkse content.
Een belangrijk onderdeel van het project was de migratie vanuit WordPress. In plaats van content handmatig over te zetten, bouwden we een herhaalbare migratiepipeline waarmee 1.295 vastgoedobjecten, ongeveer 9.400 afbeeldingen, 275 artikelen en 19 gebiedsgidsen naar het nieuwe platform zijn overgebracht.
De website introduceert daarnaast een veel uitgebreidere zoekervaring. Bezoekers kunnen zoeken op gebied, straat, postcode of metrostation, terwijl de architectuur ruimte biedt voor aparte gebiedspagina’s, servicecontent en een groot aantal databasegestuurde URL’s zonder dat het platform moeilijk te beheren wordt.
Claude Code speelde een centrale rol in de implementatie. Onze developer gebruikte het om de ontwikkeling te versnellen, goedgekeurde designs om te zetten naar productiecomponenten, efficiënter door de codebase te werken en het testproces te ondersteunen. Menselijke controle bleef daarbij onderdeel van iedere fase: architectuur, implementatiekeuzes, testing en deployment bleven onder verantwoordelijkheid van de developer.
AI-adviseurs aangedreven door Claude
Het nieuwe Devono-platform bevat ook een reeks AI-adviseurs die zijn gebouwd met de Claude API.
In plaats van een traditionele, gescripte chatbot kunnen deze adviseurs reageren op basis van de context van het gesprek én het vastgoedobject dat een bezoeker op dat moment bekijkt.
Een bezoeker kan uitleggen waar hij of zij naar op zoek is, waarna de adviseur kan helpen om geschikte kantooropties te vinden, informatie over objecten op te halen en het gesprek op een natuurlijke manier voort te zetten.
Wanneer een bezoeker klaar is om met Devono in contact te komen, kan het systeem contactgegevens en wensen vastleggen en de lead direct doorsturen naar het team.
Dezelfde onderliggende AI-engine ondersteunt meerdere adviseurspersona’s op verschillende plekken binnen de website. Devono kan deze adviseurs vanuit het CMS beheren, inclusief profiel, gedrag en beschikbaarheid, zonder dat daarvoor telkens een developmentwijziging nodig is.
Het systeem bevat bovendien safeguards die belangrijk zijn in een productieomgeving. De adviseurs werken alleen met beschikbare vastgoedinformatie, zijn geïnstrueerd om geen prijzen of panden te verzinnen en maken duidelijk dat de antwoorden door AI worden gegenereerd.
AI-adviseurs aangedreven door Claude
Het nieuwe Devono-platform bevat ook een reeks AI-adviseurs die zijn gebouwd met de Claude API.
In plaats van een traditionele, gescripte chatbot kunnen deze adviseurs reageren op basis van de context van het gesprek én het vastgoedobject dat een bezoeker op dat moment bekijkt.
Een bezoeker kan uitleggen waar hij of zij naar op zoek is, waarna de adviseur kan helpen om geschikte kantooropties te vinden, informatie over objecten op te halen en het gesprek op een natuurlijke manier voort te zetten.
Wanneer een bezoeker klaar is om met Devono in contact te komen, kan het systeem contactgegevens en wensen vastleggen en de lead direct doorsturen naar het team.
Dezelfde onderliggende AI-engine ondersteunt meerdere adviseurspersona’s op verschillende plekken binnen de website. Devono kan deze adviseurs vanuit het CMS beheren, inclusief profiel, gedrag en beschikbaarheid, zonder dat daarvoor telkens een developmentwijziging nodig is.
Het systeem bevat bovendien safeguards die belangrijk zijn in een productieomgeving. De adviseurs werken alleen met beschikbare vastgoedinformatie, zijn geïnstrueerd om geen prijzen of panden te verzinnen en maken duidelijk dat de antwoorden door AI worden gegenereerd.
Het resultaat
Het resultaat is een volledige vervanging van de eerdere WordPress-omgeving, gebouwd op een moderne architectuur die zowel de huidige organisatie als toekomstige groei kan ondersteunen.
Het nieuwe platform brengt vastgoedzoekfunctionaliteit, content, SEO, administratie en leadgeneratie samen in één verbonden systeem.
Devono beschikt nu over:
- een modern, responsive vastgoedplatform gebouwd in Next.js;
- een maatwerk-CMS voor vastgoedobjecten, content, aanvragen en SEO;
- 1.295 gemigreerde vastgoedobjecten en ongeveer 9.400 gemigreerde afbeeldingen;
- 275 gemigreerde artikelen en 19 gebiedsgidsen;
- geavanceerd zoeken op locatie;
- AI-adviseurs die rechtstreeks gekoppeld zijn aan actuele vastgoeddata;
- geautomatiseerde lead capture vanuit AI-gesprekken;
- een schaalbare content- en SEO-structuur die ongeveer 1.600 databasegestuurde URL’s ondersteunt;
- een platform dat het interne team zelf kan beheren zonder voor dagelijkse contentwijzigingen afhankelijk te zijn van developers.
Het project laat daarnaast zien hoe AI-assisted software development in een echte productieomgeving kan worden ingezet. Claude Code hielp de implementatie te versnellen, terwijl de Claude API onderdeel werd van het uiteindelijke klantgerichte product.
AI werd hier dus niet als losse feature toegevoegd, maar werd onderdeel van zowel de manier waarop het platform is gebouwd als de manier waarop Devono bezoekers via de website bedient.
Het resultaat
Het resultaat is een volledige vervanging van de eerdere WordPress-omgeving, gebouwd op een moderne architectuur die zowel de huidige organisatie als toekomstige groei kan ondersteunen.
Het nieuwe platform brengt vastgoedzoekfunctionaliteit, content, SEO, administratie en leadgeneratie samen in één verbonden systeem.
Devono beschikt nu over:
- een modern, responsive vastgoedplatform gebouwd in Next.js;
- een maatwerk-CMS voor vastgoedobjecten, content, aanvragen en SEO;
- 1.295 gemigreerde vastgoedobjecten en ongeveer 9.400 gemigreerde afbeeldingen;
- 275 gemigreerde artikelen en 19 gebiedsgidsen;
- geavanceerd zoeken op locatie;
- AI-adviseurs die rechtstreeks gekoppeld zijn aan actuele vastgoeddata;
- geautomatiseerde lead capture vanuit AI-gesprekken;
- een schaalbare content- en SEO-structuur die ongeveer 1.600 databasegestuurde URL’s ondersteunt;
- een platform dat het interne team zelf kan beheren zonder voor dagelijkse contentwijzigingen afhankelijk te zijn van developers.
Het project laat daarnaast zien hoe AI-assisted software development in een echte productieomgeving kan worden ingezet. Claude Code hielp de implementatie te versnellen, terwijl de Claude API onderdeel werd van het uiteindelijke klantgerichte product.
AI werd hier dus niet als losse feature toegevoegd, maar werd onderdeel van zowel de manier waarop het platform is gebouwd als de manier waarop Devono bezoekers via de website bedient.
Tech Stack
Stack
- Next.js 16
- React 19
- Supabase
- PostgreSQL
- Vercel
- Resend
- Claude Code
- Claude API
- Anthropic SDK
Tech Stack
Stack
- Next.js 16
- React 19
- Supabase
- PostgreSQL
- Vercel
- Resend
- Claude Code
- Claude API
- Anthropic SDK