03PORTFOLIO

Mooi aan de voorkant.
Slim achter de schermen.

Een website is het begin. Ontdek hoe ontwerp en automatisering samen een volgende stap mogelijk maken.

01 / UITGELICHT CONCEPT

De Sleutel Makelaardij

Een fictieve makelaardij. Een concreet idee voor een website die bezichtigingsaanvragen en opvolging met elkaar verbindt.

DE SLEUTEL MAKELAARDIJCONCEPTPROJECT · 2026
Scroll en ontdek Naar de projectdetails
  1. 01 / DE WEBSITE

    Een eerste indruk die blijft.

    Een warme, overzichtelijke website. Met ruimte voor de woning én het verhaal erachter.

  2. 02 / DE WONING

    Van rondkijken naar binnenkijken.

    Foto’s, de belangrijkste kenmerken en een duidelijke route naar een bezichtiging.

  3. 03 / DE AANVRAAG

    Interesse wordt een volgende stap.

    De bezoeker geeft een voorkeur door. De aanvraag bevat meteen de juiste woning en contactgegevens.

  4. 04 / DE AUTOMATISERING

    Achter de schermen gaat het verder.

    De beoogde n8n-workflow controleert de gegevens, legt de aanvraag vast en zet de opvolging klaar.

  5. 05 / HET GEHEEL

    Mooi aan de voorkant. Slim verbonden.

    Een ontvangstbevestiging voor de bezoeker. Een overzichtelijke aanvraag voor de makelaar. De afspraak wordt daarna afgestemd.

Project
De Sleutel · fictief concept
Onderdeel van het concept
Website & n8n-integratie
Status
Ontwerp gereed · workflow in ontwikkeling

Een woning ontdekken.
De opvolging doordacht.

Voor De Sleutel werk ik een website uit waarin woningen, de buurt en persoonlijk contact centraal staan. Het ontwerp vormt de basis van deze presentatie.

Daarachter komt een zelfgebouwde n8n-workflow. De scrollanimatie laat de beoogde werking zien: een aanvraag vastleggen en de juiste mensen informeren. De koppeling is nog in ontwikkeling.

Bekijk het websiteontwerp

DE VOORKANT

Een website die uitnodigt.

Een rustige presentatie van het woningaanbod, met grote beelden en een duidelijke route naar een bezichtigingsaanvraag.

  • Woningaanbod en woninginformatie
  • Een herkenbare, persoonlijke uitstraling
  • Ontwerp als basis voor de ontwikkeling

ACHTER DE SCHERMEN

Iedere aanvraag op de juiste plek.

De geplande workflow verzamelt de woning, contactgegevens en voorkeur. De makelaar stemt daarna het bezichtigingsmoment af.

  1. Gegevens controleren
  2. Aanvraag in een overzicht opslaan
  3. Een ontvangstbevestiging versturen
  4. De makelaar op de hoogte brengen
Meer over de geplande n8n-koppeling

Het websiteformulier geeft een gecontroleerde aanvraag via de server door aan een n8n-webhook. n8n legt deze vast en verzorgt de bevestiging en melding. De uiteindelijke tools voor het aanvraagoverzicht en de e-mail worden bij de bouw gekozen.

Deze presentatie is een simulatie. Er worden geen aanvragen opgeslagen, e-mails verstuurd of afspraken gemaakt. Een opname van de echte workflow volgt zodra de koppeling werkt.

Eigen concept · geen klantopdracht

Ontwerp en websiteontwikkeling met AI-ondersteuning. De n8n-workflow bouw ik zelf. Alle getoonde woningen, personen en aanvragen worden als fictief voorbeeld gebruikt.

02 / EIGEN PROJECT

SV-Digital.
De eigen basis.

Deze website brengt mijn aanbod, aanpak en werk samen. Gebouwd met Next.js, React en Tailwind CSS, met een licht en donker thema en aandacht voor toegankelijkheid.

Bekijk de homepage

DE VOLGENDE STAP

Wat kan er bij jou
slimmer?

Een nieuwe website, minder herhaalwerk of allebei. Het begint met een goed idee.

Naar contact