Direct naar de inhoud LabelNoir.me

Een woningzoeker die werkt voor elk project

Gemaakt voor Amvest Als onderdeel van ROX

Amvest office

Wanneer elk project consistentie nodig heeft

— en elk een eigen identiteit heeft

Amvest ontwikkelt nieuwbouwprojecten in Nederland, elk met een eigen identiteit. Maar de huidige woningzoeker was lastig te onderhouden, inconsistent en duur. Daarom zocht Amvest een nieuwe oplossing die voor elke projectwebsite inzetbaar is, makkelijk aan te passen is en gegevens synchroon houdt tussen verschillende systemen.

En dat is precies wat we gebouwd hebben: een systeem dat aanpasbaar genoeg is om binnen de huisstijl van elke projectsite te passen, strak genoeg afgekaderd om consistent te blijven, en opgezet om met elke release beter te worden.

Het resultaat: een applicatie die op meerdere projecten is gelanceerd, minder support requests en een Amvest dat zelf de regie heeft over het eigen systeem.

Mobile house finder view

Facts & Figures

Client Amvest Ontdek Amvest
Agency ROX

ROX is a digital agency located in Rotterdam that specializes in helping companies with their digital growth. Through a combination of strategic advice, polished designs and custom software development, they create web applications that are future-proof, scalable and improve work efficiency.

Ontdek ROX
Rol UI/UX Design, Research

Vanaf de kickoff ben ik voortdurend betrokken geweest bij meerdere iteraties: van het eerste onderzoek en de vertaling van inzichten naar design criteria tot het ontwerpen van de user interface en de component library. Daarnaast was ik betrokken bij de strategische keuzes voor de volgende iteraties. Het team was klein: mijn leidinggevende (CEO/Strategist) leidde samen met mij de discovery en strategie, terwijl ik alle designbeslissingen nam en nauw met developers samenwerkte aan de implementatie.

Periode 2022–heden

Het project bestaat uit meerdere iteraties en verschillende releases. De eerste versie was gericht op één enkel gebouw, waar de bezoeker door verschillende verdiepingen kon navigeren. Latere iteraties maakten het mogelijk om meerdere gebouwen toe te voegen en aanzichten te gebruiken in plaats van verdiepingen, en brachten verbeterde filters, ondersteuning voor huur en koop en nog veel meer.

Creative Space

Overal inzetbaar en overal passend, zonder dat het ene ten koste gaat van het andere.

  • A/B Testing
  • API Driven
  • Agile
  • Branding
  • Component Library
  • Continue optimalisatie
  • Design System
  • Duurzaam ontwerp
  • Externe samenwerking
  • Flexible Page Builder
  • GDPR
  • Gebruikersinterviews
  • Gefaseerde lancering
  • Gegenereerde content
  • ISO 27001
  • Informatiearchitectuur
  • Interactief prototype
  • Journey mapping
  • Laravel
  • Locatiegebonden content
  • MVP
  • Meertalig
  • Motion design
  • Next.js
  • React
  • Redactioneel ontwerp
  • Rijke bewegingstaal
  • Scrum
  • Stakeholderinterviews
  • Statamic
  • Technical SEO
  • Toegankelijk ontwerp
  • Typografie
  • Usabilitytesten
  • WCAG 2.1 - Niveau A
  • WCAG 2.1 - Niveau AA
  • WCAG 2.2 - Niveau AA
  • WCAG 3
  • Waterfall
  • Wireframes

Amvest

Een unieke woningzoeker voor elk project wordt steeds duurder. We vragen ROX om een gestandaardiseerd systeem te bouwen waarmee we snel een nieuwe woningzoeker kunnen opzetten.

Goed idee, daar hebben we de nodige ervaring mee.

Developers

Amvest zit nog midden in de overgang en heeft niet alle benodigde data in het nieuwe systeem. Een directe koppeling voor de woningzoeker is daarom niet mogelijk. We hebben er een extra laag tussen nodig.

Dat is behoorlijk wat extra werk en dat gaat ten koste van het designbudget. Laten we beginnen met een MVP en die stap voor stap verbeteren. Dat levert ons ook meteen echte gebruikersinzichten op.

Amvest

Elk nieuwbouwproject heeft een eigen websiteontwerp. De nieuwe woningzoeker moet overal naadloos in passen.

Laten we een sessie plannen om een aantal woningzoekers door te nemen en te kijken welke andere eisen er nog zijn.

Operations Hub

In de onderzoeksfase hebben we met Amvest een sessie gehouden waarin we de sterke en zwakke punten van verschillende woningzoekers op een rij zetten, hoe slecht ze op het eerste gezicht ook leken. Het doel: stoppen met het najagen van een denkbeeldige "perfecte oplossing" en de echte afwegingen in kaart brengen. Wat daaruit kwam waren geen wensen, maar bewuste keuzes.

Deze criteria werden onze meetlat.

Echo Chamber

De resultaten spreken voor zich

Centraal databeheer zorgt voor consistente prijzen en beschikbaarheid in alle kanalen. Minder verwarde bezoekers, minder handmatige correcties.

Voor de opzet is geen developer meer nodig. Amvest beheert zelf het aanbod, richt projecten in en verbetert in het eigen tempo.

Dat kan ik zelf! Ik ben er best handig in geworden.

– Klant over het vullen van een woningzoeker vóór de lancering

Mobile & desktop wireframes
Responsive application of the house finder
Mockup showing visual gallery of a house detail page
Mobile screens in different project styles

Verder lezen

Ontwerp voor elk scherm

Bij veel mobiele gebruikers grijp je snel naar mobile first. Wij kozen voor een optimale ervaring op elk device. Functionaliteit past zich aan op hoe het device werkt: mobiele gebruikers openen de kaart in een popup om scrollproblemen te voorkomen, desktopgebruikers zien direct alle filters en touch devices tonen hover-effecten bij aanraking. Zo is elke situatie doordacht.

Filters binnen handbereik

Elke drempel tussen een bezoeker en het vinden van een droomhuis is een reden om af te haken. Daarom hebben we de filters direct binnen handbereik geplaatst. Op desktop is er ruimte om alles meteen te tonen, op mobiel tonen we direct de belangrijkste opties en zijn de geavanceerde filters eenvoudig aan te passen.

Het beste van beide werelden

Een visuele kaart geeft ruimtelijk inzicht en spreekt tot de verbeelding. Een lijstweergave met woningen is echter makkelijker door te zoeken en te vergelijken. We hebben beide toegepast zodat bezoekers kunnen zoeken op de manier die het beste aansluit op de fase waarin ze zich bevinden.

Overal inzetbaar zonder concessies

De applicatie moest werken op elke Amvest-projectsite, binnen elk merk, elke stijl en elke context. We bouwden daarom op een neutrale basis met vier aanpasbare kleurvariabelen, en de typografie wordt overgenomen van de projectwebsite. Kon het voor elk project 100% on-brand? Nee. Maar 90% integratie zonder maatwerk was de slimme afweging. Functie boven perfectie.

Laat het visueel ademen

Amvest onderscheidt zich door de hoge kwaliteit van de renders die ze voor projecten maken: de afpelbare verdiepingen, de artist impressions en de omgeving. Dit is niet alleen decoratie, het zijn hulpmiddelen om een beslissing te nemen. We hebben de kaart zo groot mogelijk gemaakt en openen woningpagina's met een galerij vol sterke beelden.